:root{--bg:#031c14;--bg2:#073724;--card:#0b3022;--text:#f2f3db;--muted:#b4c9ac;
--accent:#ffe477;--accent2:#d6e883;--good:#b7ec7a;--line:#416c3f}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--text);
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
line-height:1.55;padding-bottom:86px;word-wrap:break-word}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:720px;margin:0 auto;padding:0 16px}
header.site{display:flex;align-items:center;justify-content:space-between;
padding:14px 16px;border-bottom:1px solid var(--line);background:var(--bg2)}
header.site .logo{display:flex;align-items:center;line-height:0}
header.site .logo:hover{text-decoration:none}
header.site .logo img{height:44px;width:auto}
@media (max-width:420px){header.site .logo img{height:34px}}
.breadcrumb{font-size:13px;color:var(--muted);margin:14px 0}
.breadcrumb a{color:var(--muted)}
h1{font-size:32px;line-height:1.35;margin:8px 0 12px}
.badge{display:inline-block;background:var(--card);border:1px solid var(--line);
color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px;margin:0 6px 6px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;
padding:16px;margin:14px 0}
.options{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}
.options li{background:var(--bg2);border:1px solid var(--line);border-radius:10px;
padding:10px 12px}
.options b{color:var(--accent);margin-right:6px}
details{background:var(--bg2);border:1px solid var(--line);border-radius:10px;
padding:10px 12px;margin-top:10px}
summary{cursor:pointer;font-weight:700;color:var(--accent)}
.answer{margin-top:8px}
.answer b{color:var(--good)}
.cta-big{display:block;text-align:center;background:linear-gradient(135deg,#ffe477,#e5bf45);
color:#173622;font-weight:800;font-size:17px;padding:14px 18px;border-radius:14px;margin:18px 0}
.cta-big:hover{opacity:.92;text-decoration:none}
.cta-secondary{display:block;text-align:center;background:transparent;color:var(--muted);
border:1px solid var(--line);font-weight:600;font-size:14px;padding:10px 16px;
border-radius:12px;margin:10px 0}
.cta-secondary:hover{text-decoration:none;color:var(--text)}
.related{margin:22px 0}
.related h2{font-size:16px;color:var(--muted);margin-bottom:8px}
.related ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.related li a{display:block;background:var(--card);border:1px solid var(--line);
border-radius:10px;padding:10px 12px;color:var(--text)}
.related li a:hover{text-decoration:none;border-color:var(--accent2)}
.qlist{list-style:none;padding:0;margin:16px 0;display:grid;gap:10px}
.qlist li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px}
.qlist .q{font-size:18px;font-weight:650;margin-bottom:6px}
.qlist .q a{color:var(--text)}
.qlist .q a:hover{color:var(--accent)}
.pager{display:flex;justify-content:space-between;gap:10px;margin:22px 0}
.pager a,.pager span{flex:1;text-align:center;padding:10px;border-radius:10px;
border:1px solid var(--line);color:var(--text)}
.pager a:hover{text-decoration:none;border-color:var(--accent2)}
.pager .disabled{opacity:.35}
.topics{padding:0;margin:22px 0;display:flex;flex-wrap:wrap;gap:8px}
.topics>a{padding:6px 12px;border:1px solid var(--line);border-radius:24px;font-size:13px;color:var(--text)}
section[id],li[id]{scroll-margin-top:24px}
a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.topics li a{display:flex;justify-content:space-between;align-items:center;
background:var(--card);border:1px solid var(--line);border-radius:14px;
padding:14px 16px;color:var(--text)}
.topics li a:hover{text-decoration:none;border-color:var(--accent2)}
.topics .cnt{color:var(--muted);font-size:13px;white-space:nowrap;margin-left:10px}
.doc h2{font-size:22px;margin:28px 0 8px;padding-top:6px;border-top:1px solid var(--line)}
.doc h3{font-size:17px;margin:20px 0 6px;color:var(--accent2)}
.doc ul,.doc ol{padding-left:22px;margin:10px 0}
.doc li{margin:6px 0}
.doc .tablewrap{overflow-x:auto;margin:12px 0}
.doc table{border-collapse:collapse;width:100%;font-size:14px;background:var(--card)}
.doc th,.doc td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.doc th{background:var(--bg2);color:var(--accent2)}
.doc strong{color:var(--accent2)}
footer.site{max-width:720px;margin:30px auto 0;padding:0 16px 20px;color:var(--muted);font-size:12px}
footer.site a{color:var(--muted)}
.bottombar{position:fixed;left:0;right:0;bottom:0;background:var(--bg2);
border-top:1px solid var(--line);padding:10px 16px;display:none;align-items:center;
justify-content:space-between;gap:12px;z-index:50}
.bottombar span{font-size:12px;color:var(--text);flex:1}
.bottombar a{background:var(--accent);color:#1a1408;font-weight:800;padding:9px 14px;
border-radius:10px;font-size:13px;white-space:nowrap}
.bottombar a:hover{text-decoration:none}
@media (max-width:768px){.bottombar{display:flex}}

.skip-link{position:absolute;left:16px;top:-100px;background:var(--accent);color:var(--bg);padding:12px;z-index:100}
.skip-link:focus{top:12px}
.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 30px}
.collection-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;color:var(--text)}
.collection-card:hover{border-color:var(--accent);text-decoration:none}
.collection-card h3{font-size:23px;color:var(--accent);margin:10px 0}
.collection-card p{font-size:15px;line-height:1.6;margin:0 0 18px}
.collection-open{margin-top:auto;color:var(--accent2);font-size:14px;font-weight:600}
.eyebrow{color:var(--accent2);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.editorial-heading{padding:16px 0 8px;border-bottom:1px solid var(--line);margin-bottom:20px}
.editorial-heading h1{font-size:38px;line-height:1.2;letter-spacing:-.025em}
.editorial-meta,.source-note{font-size:14px;color:var(--muted);line-height:1.65}
.editorial-intro{font-size:18px;line-height:1.75}
.editorial h2{font-size:25px;margin-top:32px}
.editorial-questions{gap:18px}
.editorial-questions li{padding:22px}
.question-number{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--accent2)}
.editorial-questions .q{margin-top:10px;font-size:20px;line-height:1.5}
.editorial-questions details{margin-top:16px}
.editorial-questions summary{min-height:24px;padding:3px 0}
.editorial-questions details p{line-height:1.75;margin:12px 0 4px}
.editorial-questions .answer strong{color:var(--good);font-size:18px}
.reading-guide{padding:4px 22px 18px;border-left:3px solid var(--accent);background:var(--bg2);margin:28px 0}
.reading-guide ul{padding-left:20px}.reading-guide li{margin:12px 0}
@media(max-width:520px){.collection-grid{grid-template-columns:1fr}.editorial-heading h1{font-size:30px}.editorial-intro{font-size:17px}.editorial-questions li{padding:16px}.editorial-questions .q{font-size:18px}}
@media print{body{background:white;color:black;padding:0}.bottombar,.cta-big,header.site,.skip-link{display:none}a,.source-note{color:black}}