@font-face { font-family: "Oswald"; src: url("/fonts/oswald-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Oswald"; src: url("/fonts/oswald-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/fonts/inter-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/fonts/inter-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Inter"; src: url("/fonts/inter-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; }
:root { --ink:#101828; --muted:#5a6273; --line:#e4ddcf; --blue:#13294b; --navy:#0f1f3d; --gold:#d1a94f; --gold-ink:#b88e33; }
* { box-sizing: border-box; }
body { margin:0; font:17px/1.65 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; color:var(--ink); background:#fff; -webkit-font-smoothing:antialiased; }
a { color:var(--navy); text-underline-offset:3px; }
main a { text-decoration-color: var(--gold); text-decoration-thickness: 2px; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline:3px solid var(--blue); outline-offset:2px; border-radius:4px; }
.skip { position:absolute; left:-999px; top:8px; background:#fff; padding:8px 14px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,.2); z-index:10; }
.skip:focus { left:8px; }
header.bar { background:var(--navy); padding:18px max(20px, calc((100% - 760px) / 2)); display:flex; justify-content:space-between; align-items:center; margin-bottom:28px; }
header.bar > a:last-child { color:var(--navy); background:var(--gold); text-decoration:none; font-weight:700; font-size:14px; padding:10px 14px; border-radius:6px; }
.brand { display:inline-flex; align-items:center; gap:9px; font:700 20px/1 "Oswald",sans-serif; text-transform:uppercase; letter-spacing:.02em; color:#fff; text-decoration:none; }
main { max-width:760px; margin:0 auto; padding:10px 20px 60px; }
h1 { font:700 clamp(34px,5.4vw,52px)/1 "Oswald",sans-serif; text-transform:uppercase; margin:10px 0 10px; }
h2 { font:600 24px/1.15 "Oswald",sans-serif; text-transform:uppercase; margin:38px 0 8px; }
h3 { font-size:17px; margin:22px 0 4px; }
.updated { color:var(--muted); font-size:15px; margin:0 0 24px; }
.summary { background:#f6f2ea; border-left:4px solid var(--gold); border-radius:4px; padding:14px 18px; }
table { width:100%; border-collapse:collapse; font-size:15px; margin:10px 0; }
th, td { text-align:left; vertical-align:top; padding:9px 10px; border-bottom:1px solid var(--line); }
th { color:var(--muted); font-weight:600; }
.todo { background:#fff4d6; border:1px dashed #c8a14a; padding:0 6px; border-radius:5px; }
footer.legal { background:#0a1630; color:rgba(255,255,255,.6); font-size:14px; display:flex; flex-wrap:wrap; gap:8px 20px; padding:30px max(20px, calc((100% - 760px) / 2)); margin-top:40px; }
footer.legal a { color:rgba(255,255,255,.7); text-decoration:none; }
footer.legal a:hover { color:#fff; }
/* guide pages */
.guide-hero img { width:100%; height:auto; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,.08),0 20px 40px rgba(19,41,75,.16); margin:18px 0 8px; }
.cta { display:inline-block; margin:8px 0; padding:14px 22px; border-radius:6px; background:var(--gold); color:var(--navy) !important; font-weight:700; text-decoration:none; }
.cta-box { background:var(--navy); color:#fff; border-radius:8px; padding:24px 26px; margin:36px 0; }
.cta-box p { margin:0 0 8px; }
.crumbs { font-size:14px; color:var(--muted); margin:0; }
.crumbs a { color:var(--muted); }
ol li, ul li { margin:4px 0; }