/* New informational pages reuse the current institutional identity. */
:root { --black:#0b0d12; --surface:#151922; --cream:#f5f7fa; --muted:#b2bac6; --gold:#ffd21f; --line:rgba(245,247,250,.12); --max-width:1180px; }
* { box-sizing:border-box; }
body { margin:0; background:var(--black); color:var(--cream); font-family:'DM Sans',Arial,sans-serif; line-height:1.65; }
a { color:var(--gold); text-underline-offset:3px; }
a:hover { text-decoration-thickness:2px; }
:focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
h1,h2,h3 { font-family:'Space Grotesk',sans-serif; letter-spacing:-.045em; line-height:1.12; }
h1 { font-size:clamp(36px,4.8vw,60px); margin:14px 0 22px; max-width:900px; }
h2 { font-size:clamp(26px,3.2vw,38px); margin:0 0 22px; }
h3 { font-size:21px; margin:0 0 12px; }
p { margin:0 0 18px; }
strong { color:var(--cream); }
.container { width:min(var(--max-width),calc(100% - 40px)); margin:auto; }
.site-header { border-bottom:1px solid var(--line); padding:20px 0; }
.nav { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.brand-logo { display:block; height:38px; width:auto; max-width:170px; }
.nav-links { display:flex; align-items:center; gap:18px; flex-wrap:wrap; font-size:14px; }
.nav-links a { display:inline-flex; align-items:center; min-height:44px; color:var(--cream); text-decoration:none; }
.nav-links a:hover { color:var(--gold); }
.breadcrumb { padding-top:28px; color:var(--muted); font-size:14px; overflow-wrap:anywhere; }
.breadcrumb ol { display:flex; gap:10px; flex-wrap:wrap; list-style:none; padding:0; margin:0; }
.breadcrumb li+li::before { content:'›'; margin-right:10px; }
.intro { padding:52px 0 56px; }
.eyebrow { margin:0; color:var(--gold); text-transform:uppercase; font-size:12px; font-weight:700; letter-spacing:.09em; }
.lead { max-width:780px; color:var(--muted); font-size:19px; }
.actions { display:flex; gap:14px; flex-wrap:wrap; margin-top:28px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; border:1px solid var(--line); border-radius:999px; color:var(--cream); font-weight:700; text-decoration:none; text-align:center; }
.button-primary { background:var(--gold); border-color:var(--gold); color:var(--black); }
.button:hover { border-color:var(--gold); }
.section { padding:56px 0; border-top:1px solid var(--line); }
.grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.card { min-width:0; background:var(--surface); border:1px solid var(--line); padding:28px; border-radius:18px; }
.card p,.article-copy p,.faq p { color:var(--muted); }
.article-copy { max-width:820px; }
.steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; list-style:none; padding:0; margin:0; counter-reset:steps; }
.steps li { counter-increment:steps; }
.steps li::before { content:counter(steps); display:flex; align-items:center; justify-content:center; width:36px; height:36px; margin-bottom:18px; border-radius:50%; background:var(--gold); color:var(--black); font-weight:700; }
.faq { max-width:860px; }
.faq details { border-bottom:1px solid var(--line); padding:18px 0; }
.faq summary { cursor:pointer; font-weight:700; min-height:44px; padding:8px 0; }
.faq details p { margin:8px 0 8px; }
.related { display:flex; flex-wrap:wrap; gap:14px 24px; }
.site-footer { border-top:1px solid var(--line); padding:32px 0; color:var(--muted); font-size:13px; }
.footer-links { display:flex; flex-wrap:wrap; gap:10px 20px; margin-top:16px; }
.error-page { padding:80px 0; min-height:60vh; }
@media(max-width:980px) { .grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .steps { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .container { width:calc(100% - 30px); } .nav { gap:12px; } .nav-links { gap:4px 14px; font-size:13px; } .intro,.section { padding:38px 0; } .lead { font-size:17px; } .grid,.steps { grid-template-columns:minmax(0,1fr); } .card { padding:22px; } .actions .button { width:100%; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }