/* Techora: official artwork is used unchanged. Fonts are served locally. */
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url("assets/space-grotesk-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020-202F,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url("assets/space-grotesk-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--navy:#041948;--ink:#041948;--teal:#046e79;--aqua:#e1f3f5;font-family:"Space Grotesk","Segoe UI",Arial,sans-serif}
.site-header{border:0;background:#041948;color:white}
.brand-topbar{background:linear-gradient(90deg,#046e79 0%,#0dafbf 100%)}
.brand-topbar-inner{max-width:1360px;margin:auto;padding:0 20px;min-height:71px;display:flex;align-items:center;justify-content:flex-end}
.brand-socials{display:flex;align-items:center;gap:0}
.brand-socials a{width:38px;height:44px;display:grid;place-items:center;color:white}
.brand-socials svg{width:23px;height:23px;fill:currentColor}
.site-header .header-inner{max-width:1360px;min-height:80px;margin:auto;padding:0 20px;gap:22px;display:flex;align-items:center;justify-content:space-between;position:relative}
.brand-logo{flex:0 0 auto;display:flex;align-items:center;padding:20px 0;text-decoration:none}
.brand-logo img{display:block;width:150px;height:auto;max-width:100%;object-fit:contain}
.brand-desktop-nav{margin:0 auto}
.brand-desktop-nav ul{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:0}
.brand-desktop-nav a{display:block;color:white;font-size:16px;line-height:20px;font-weight:600;padding:13px 14px;text-decoration:none;white-space:nowrap}
.brand-desktop-nav a:hover,.brand-mobile-menu nav a:hover{text-decoration:underline;text-underline-offset:6px;color:#8fe0e8}
.brand-help{display:flex;align-items:center;gap:14px;text-decoration:none;color:white;flex-shrink:0;line-height:1.4}
.brand-help img{display:block;width:40px;height:40px;object-fit:contain}
.brand-help span{font-size:16px;font-weight:500}
.brand-help strong{font-size:18px;display:block;font-weight:700}
.site-header a:focus-visible,.site-header summary:focus-visible{outline:3px solid white;outline-offset:4px}
.brand-mobile-menu{display:none}
.intro h1{font-weight:600;letter-spacing:-.04em}.intro-note{transform:none}
.document-brand{text-transform:none}
@media(min-width:1360px){.brand-desktop-nav a{padding-left:20px;padding-right:20px}}
@media(max-width:1100px){
  .brand-topbar,.brand-desktop-nav,.brand-help{display:none}
  .site-header .header-inner{min-height:72px;padding:0 20px;gap:20px}
  .brand-logo{padding:18px 0}.brand-logo img{width:150px}
  .brand-mobile-menu{display:block;position:static}
  .brand-mobile-menu summary{list-style:none;cursor:pointer;min-width:44px;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:4px}
  .brand-mobile-menu summary::-webkit-details-marker{display:none}
  .brand-mobile-menu summary span{height:2px;width:19px;background:white;display:block}
  .brand-mobile-menu[open] summary{background:#ffffff18}
  .brand-mobile-menu nav{position:absolute;top:100%;left:0;right:0;background:#041948;padding:12px 20px 22px;z-index:20;box-shadow:0 12px 18px #04194826;border-top:1px solid #ffffff30}
  .brand-mobile-menu nav a{display:block;color:white;text-decoration:none;font-size:16px;font-weight:600;padding:12px 0;min-height:44px}
}
@media print{.site-header{display:none!important}}