@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.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:Fredoka;font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/eeba9b1ad34c1404-s.0yczt4r3j28ff.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,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Licensed to Fix: navy long-form pages (privacy, support). Same tokens as the site theme (navy_theme.py). */
:root{--page:#0d163b;--deep:#021231;--panel:#15204d;--inset:#0a1233;--line:#26336b;--outline:#33417f;
  --ink:#fff;--ink-2:#e5e5e5;--muted:#a9b2d6;--gold:#f6c65c;--gold-deep:#b27a0a;--red:#ff5a5f;--radius:20px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;font-family:Fredoka,"Fredoka Fallback",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:17px;line-height:1.7;
  color:var(--ink-2);background-color:var(--page);min-height:100vh;
  background-image:radial-gradient(circle at 90px 120px,rgba(246,198,92,0.55) 0,rgba(246,198,92,0.19) 1.4px,rgba(246,198,92,0) 3.6px),radial-gradient(circle at 410px 60px,rgba(246,198,92,0.35) 0,rgba(246,198,92,0.12) 1.1px,rgba(246,198,92,0) 2.9px),radial-gradient(circle at 650px 250px,rgba(246,198,92,0.5) 0,rgba(246,198,92,0.17) 1.6px,rgba(246,198,92,0) 4.2px),radial-gradient(circle at 260px 380px,rgba(246,198,92,0.3) 0,rgba(246,198,92,0.10) 1.0px,rgba(246,198,92,0) 2.6px),radial-gradient(circle at 540px 520px,rgba(246,198,92,0.45) 0,rgba(246,198,92,0.16) 1.3px,rgba(246,198,92,0) 3.4px),radial-gradient(circle at 120px 640px,rgba(246,198,92,0.35) 0,rgba(246,198,92,0.12) 1.1px,rgba(246,198,92,0) 2.9px),radial-gradient(circle at 700px 700px,rgba(246,198,92,0.25) 0,rgba(246,198,92,0.09) 1.0px,rgba(246,198,92,0) 2.6px),linear-gradient(rgba(150,172,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(150,172,255,.055) 1px,transparent 1px),
  radial-gradient(ellipse 120% 70% at 50% -10%,rgba(38,58,140,.55),rgba(2,18,49,0) 70%),linear-gradient(180deg,#0d163b 0%,#0b1436 60%,#021231 100%);
  background-size:760px 760px,760px 760px,760px 760px,760px 760px,760px 760px,760px 760px,760px 760px,36px 36px,36px 36px,100% 100%,100% 100%;background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,-1px -1px,-1px -1px,0 0,0 0}
a{color:var(--gold);text-decoration:underline;text-decoration-color:rgba(246,198,92,.45);text-underline-offset:3px}
a:hover{text-decoration-color:var(--gold)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}
.skip-link{position:absolute;left:12px;top:-60px;z-index:50;background:#1f2552;color:var(--gold);padding:8px 16px;border-radius:999px}
.skip-link:focus{top:10px}
/* header: same panel as the site */
.site-header{position:sticky;top:12px;z-index:30;margin:12px;display:flex;align-items:center;gap:12px;height:64px;padding:0 16px;
  background:rgba(21,32,77,.95);border:1px solid var(--line);border-radius:var(--radius);backdrop-filter:blur(8px)}
.brand{display:inline-flex;flex-shrink:0} .brand img{height:40px;width:auto;display:block}
.site-nav{margin-left:auto} .site-nav ul{list-style:none;display:flex;gap:4px;margin:0;padding:0}
.site-nav a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:12px;color:var(--muted);text-decoration:none;font-weight:500;border:1px solid transparent}
.site-nav a:hover{color:var(--ink-2)}
.site-nav a[aria-current=page]{color:var(--gold);background:rgba(246,198,92,.12);border-color:rgba(246,198,92,.28)}
.site-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linejoin:round}
/* document */
.doc-layout{max-width:48rem;margin:0 auto;padding:28px 20px 40px}
.eyebrow{margin:0 0 6px;color:var(--gold);font-weight:600;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}
h1{margin:0;color:var(--ink);font-size:clamp(2rem,1.4rem + 2.6vw,2.9rem);line-height:1.12;font-weight:700}
.doc-header{padding-bottom:18px;margin-bottom:8px;border-bottom:1px solid var(--line)}
.placeholder{display:inline-block;margin:14px 0 0;padding:2px 10px;border-radius:8px;background:rgba(246,198,92,.12);border:1px dashed rgba(246,198,92,.5);color:var(--gold);font-size:.92rem}
.notice{margin:18px 0;padding:14px 16px;border-radius:14px;background:rgba(246,198,92,.10);border:1px solid rgba(246,198,92,.35);border-left:4px solid var(--gold);color:var(--ink)}
.notice p{margin:0;display:inline} .notice__tag{display:inline-block;margin-right:10px;padding:1px 9px;border-radius:999px;background:var(--gold);color:var(--deep);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;vertical-align:2px}
.doc-toc{margin:22px 0 8px;padding:16px 20px;background:rgba(10,18,51,.72);border:1px solid var(--line);border-radius:16px}
.doc .doc-toc__title{border:0;padding:0;margin:0 0 6px;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.doc-toc ol{margin:0;padding:0;list-style:none;columns:2 15rem;column-gap:28px} .doc-toc li{break-inside:avoid;margin:2px 0}
.doc-toc a{text-decoration:none} .doc-toc a:hover{text-decoration:underline}
.doc-section{margin-top:38px}
.doc h2{position:relative;margin:0 0 10px;color:var(--ink);font-size:1.55rem;line-height:1.25;font-weight:600;padding-bottom:8px;border-bottom:1px solid var(--line)}
.doc .doc-toc__title::after{display:none}
.doc h2::after{content:"";position:absolute;left:0;bottom:-1px;width:44px;height:2px;background:var(--gold);border-radius:2px}
.doc h3{margin:26px 0 6px;color:var(--ink);font-size:1.18rem;font-weight:600}
.anchor{position:absolute;left:-1.1em;color:var(--outline);text-decoration:none;opacity:0;transition:opacity .15s}
h2:hover .anchor{opacity:1}
.doc p,.doc ul,.doc ol{margin:0 0 14px} .doc li{margin:5px 0} .doc li::marker{color:var(--gold)}
.doc strong{color:var(--ink);font-weight:600}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:.88em;background:var(--inset);border:1px solid var(--line);padding:.1em .38em;border-radius:6px;color:#f3e2b5;overflow-wrap:anywhere}
pre{background:var(--inset);border:1px solid var(--line);border-radius:12px;padding:14px 16px;overflow-x:auto;line-height:1.5}
pre code{background:none;border:0;padding:0;color:var(--ink-2);overflow-wrap:normal}
.table-wrap{overflow-x:auto;margin:6px 0 18px;border:1px solid var(--line);border-radius:12px;background:rgba(10,18,51,.6)}
table{border-collapse:collapse;width:100%;font-size:.95rem;line-height:1.5}
th,td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
th{color:var(--ink);background:rgba(21,32,77,.9);font-weight:600} tr:last-child td{border-bottom:0}
hr{border:0;border-top:1px solid var(--line);margin:28px 0}
.back-top{margin-top:40px;font-size:.95rem}
.site-footer{max-width:48rem;margin:0 auto;padding:20px 20px 40px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
.site-footer p{margin:0 0 4px} .site-footer a{color:var(--muted)} .site-footer a:hover{color:var(--ink-2)}
.site-footer__links{list-style:none;display:flex;flex-wrap:wrap;gap:4px 16px;margin:10px 0 0;padding:0}
@media (max-width:640px){
  body{font-size:16px} pre{font-size:13px;padding:12px} .site-header{margin:10px;padding:0 10px;gap:6px} .site-nav a{padding:0 10px} .site-nav svg{display:none}
  .doc-layout{padding:20px 16px 32px} .doc h2{font-size:1.35rem} .anchor{display:none} .doc-toc{padding:14px 16px}
}
@media (max-width:480px){ .brand img{height:32px} .site-nav li:first-child{display:none} .site-nav a{padding:0 9px} }
@media (max-width:360px){ .site-nav a{padding:0 7px;font-size:.92rem} }
@media (prefers-reduced-motion:reduce){ .anchor{transition:none} }
