/* css/site-header.css — the home page's header (index.html NAV block) on pages
   outside the app: privacy, terms, refund, contact, unlock. Markup:
   .github/scripts/lib/site-header.js. Scoped to .sap-site-nav so neither this
   file nor a page's own rules (index.html styles bare `nav`) leak across.
   Values copied from index.html — change both together. The two faces are the
   local mirrors index.html already serves from /fonts/ (no third-party fetch). */
@font-face{font-family:'DM Serif Display';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/dm-serif-display-v17-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}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/dm-sans-v17-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}
.sap-site-nav{
  position:sticky;top:0;z-index:100;
  background:rgba(247,245,240,0.92);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(15,15,15,0.12);
  font-family:'DM Sans',sans-serif;line-height:1.6;
}
.sap-site-nav .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.5rem;max-width:1100px;margin:0 auto;box-sizing:border-box}
.sap-site-nav .nav-logo{display:flex;flex-shrink:0;align-items:center;gap:9px;text-decoration:none;color:#0f0f0f;min-width:0}
.sap-site-nav .nav-logo-mark{width:28px;height:28px;background:#1a3a5c;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sap-site-nav .nav-logo-mark svg{width:16px;height:16px;fill:#fff}
.sap-site-nav .nav-logo-text{font-family:'DM Serif Display',Georgia,serif;font-size:1.1rem;white-space:nowrap}
.sap-site-nav .nav-link{font-size:.875rem;font-weight:500;color:#3a3a3a;text-decoration:none;margin-right:1.25rem;white-space:nowrap;transition:color .15s}
.sap-site-nav .nav-link:hover{color:#0f0f0f}
.sap-site-nav .nav-cta{background:#1a3a5c;color:#fff;padding:.5rem 1.1rem;border-radius:6px;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block;white-space:nowrap;transition:opacity .15s}
.sap-site-nav .nav-cta:hover{opacity:.88;color:#fff}
/* As on index.html: a phone keeps the mark and the button; the links are in the
   footer. */
@media(max-width:640px){
  .sap-site-nav .nav-link{display:none}
  .sap-site-nav .nav-inner{padding:.7rem 1rem;gap:.6rem}
  .sap-site-nav .nav-logo-text{font-size:.95rem}
  .sap-site-nav .nav-cta{padding:.45rem .85rem;font-size:.78rem}
}
@media print{.sap-site-nav{display:none !important}}