@font-face{
  font-family:'Roboto Identity';
  src:url('/fonts/roboto-light.ttf') format('truetype');
  font-style:normal;
  font-weight:300;
  font-display:swap;
}
:root{--masthead-height:96px;--identity-font:'Roboto Identity','Segoe UI',Arial,sans-serif}
.brand-header{
  position:fixed;
  inset:0 0 auto;
  z-index:6;
  height:var(--masthead-height);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:0 42px 0 27px;
  background:linear-gradient(115deg,#081e28 0%,#0b2930 58%,#123e43 100%);
  color:#f0faf6;
  box-shadow:0 3px 14px #09263010;
}
.brand-header:after{
  content:'';
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,#83c4b855,#c3f8e3b3 34%,#83c4b824 85%);
}
.brand-lockup{display:inline-flex;align-items:center;gap:17px;color:inherit;text-decoration:none;min-width:0;border-radius:9px}
.brand-symbol{width:56px;height:56px;flex-shrink:0;display:block}
.brand-wordmark{
  font-family:var(--identity-font);
  font-size:2rem;
  font-weight:300;
  font-style:normal;
  letter-spacing:.01em;
  line-height:1.2;
  font-kerning:normal;
  font-feature-settings:'kern' 1;
  text-wrap:balance;
}
.brand-context{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:#d4e6e4;font-size:.875rem;line-height:1.5;padding-left:24px;border-left:1px solid #c3f8e328}
.brand-context-label{font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:#a9d8cd}
.shell{padding-top:var(--masthead-height)}
.sidebar{top:var(--masthead-height);padding-top:33px;background:#0b2930;border-right:1px solid #274b502a}
.topbar{height:58px;background:#fff}
.breadcrumb a{text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.page-heading h1{font-family:var(--identity-font);font-weight:300;letter-spacing:-.035em;line-height:1.14}
.brand-lockup:focus-visible{outline-color:#b8f0df}
.skip{z-index:10}
@media(max-width:1200px){
  .brand-header{padding-right:26px;padding-left:22px}
}
@media(max-width:760px){
  :root{--masthead-height:86px}
  .brand-header{position:relative;min-height:var(--masthead-height);height:auto;padding:17px 20px;gap:12px}
  .brand-lockup{gap:12px}
  .brand-symbol{width:44px;height:44px}
  .brand-wordmark{font-size:1.65rem;letter-spacing:0;line-height:1.2}
  .brand-context{display:none}
  .shell{padding-top:0}
  .sidebar{padding:8px 16px 0;border-right:0}
  .nav{padding-bottom:12px}
  .nav a{min-height:44px}
  .topbar{height:51px}
}
@media(max-width:420px){
  .brand-header{padding-left:16px;padding-right:16px}
  .brand-symbol{width:42px;height:42px}
  .brand-wordmark{font-size:1.5rem;letter-spacing:-.005em}
  .brand-lockup{gap:11px}
}
@media(max-width:330px){
  .brand-wordmark{font-size:1.3rem}
  .brand-symbol{width:38px;height:38px}
}
@media print{.brand-header{display:none!important}.shell{padding-top:0}}