:root{--bg:#15141C;--panel:#201E2C;--panel2:#29253A;--border:#3B3650;--accent:#FF5C1A;--text:#F7F4FF;--dim:#B2AEC8;--good:#37E1A5;--link:#FF8D5C}
:root[data-theme="light"]{--bg:#1A102A;--panel:#29163E;--panel2:#351D50;--border:#63427B;--accent:#FF4FA3;--text:#FFF3FB;--dim:#DCC4E7;--link:#FF8BC4}
:root[data-theme="pink"]{--bg:#43162E;--panel:#5A1E3E;--panel2:#6C274B;--border:#954C70;--accent:#FF5AAA;--text:#FFF4FA;--dim:#F0C2D7;--link:#FFB1D4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,system-ui,sans-serif;background:radial-gradient(900px 550px at 10% -10%,rgba(255,92,26,.18),transparent 60%),radial-gradient(800px 500px at 90% 115%,rgba(124,58,237,.20),transparent 60%),var(--bg);padding:26px 16px 70px;min-height:100vh}
.wrap{width:min(900px,100%);margin:auto}.topbar{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:28px}.brand{font-family:"Bebas Neue",sans-serif;font-size:29px;letter-spacing:.055em;color:var(--text);text-decoration:none}.nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.nav a,.crumbs a{font-family:"IBM Plex Mono",monospace;color:var(--dim);font-size:10px;text-decoration:none}.nav a:hover,.brand:hover,.crumbs a:hover{color:var(--accent)}
.crumbs{font-family:"IBM Plex Mono",monospace;color:var(--dim);font-size:9px;margin-bottom:18px}.crumbs span{margin:0 6px;opacity:.55}.hero{margin:12px 0 22px}.eyebrow{font:600 10px "IBM Plex Mono",monospace;letter-spacing:.19em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}h1{font-family:"Bebas Neue",sans-serif;font-size:clamp(43px,8vw,72px);line-height:.95;letter-spacing:.022em;margin:0 0 15px}.lead{font-size:16px;line-height:1.72;color:var(--dim);max-width:780px}.meta{font:9px "IBM Plex Mono",monospace;color:var(--dim);margin-top:13px;letter-spacing:.04em}
.takeaways,.toc,.card,.related,.sources{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:22px;margin:15px 0;box-shadow:0 14px 45px rgba(0,0,0,.13)}.takeaways{background:linear-gradient(135deg,var(--panel),var(--panel2));border-left:3px solid var(--accent)}h2{font-family:"Bebas Neue",sans-serif;font-size:31px;letter-spacing:.025em;line-height:1.05;margin:0 0 11px}.card h3{font-size:16px;margin:22px 0 8px;color:var(--text)}p,li{font-size:13.5px;line-height:1.78;color:var(--dim)}p{margin:0 0 14px}strong{color:var(--text)}a{color:var(--link)}ul,ol{padding-left:22px}li{margin:7px 0}.toc ol{columns:2;column-gap:35px}.toc a{text-decoration:none}.callout{background:var(--panel2);border-left:3px solid var(--accent);border-radius:0 11px 11px 0;padding:13px 15px;margin:16px 0;font-size:12.5px;line-height:1.68;color:var(--dim)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:14px 0}.mini{background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:14px}.mini b{display:block;color:var(--text);margin-bottom:5px}.mini span{font-size:12px;line-height:1.55;color:var(--dim)}
.cta{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:16px;padding:20px;margin:18px 0;text-decoration:none}.cta:hover{border-color:var(--accent)}.cta strong{display:block;font:28px "Bebas Neue",sans-serif;letter-spacing:.03em}.cta span{display:block;font-size:12px;line-height:1.55;color:var(--dim)}.cta em{font:11px "IBM Plex Mono",monospace;color:var(--accent);font-style:normal;white-space:nowrap}
.faq-item{border-top:1px solid var(--border);padding:15px 0}.faq-item:first-child{border-top:0;padding-top:0}.faq-item h3{margin:0 0 5px;font-size:14px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.related a{display:block;background:var(--panel2);border:1px solid var(--border);border-radius:11px;padding:13px;text-decoration:none;font-size:11px;line-height:1.4;color:var(--text)}.related a:hover{border-color:var(--accent)}.sources li{font-size:11.5px;line-height:1.55}.note{font-size:11px;color:var(--dim);border-top:1px solid var(--border);padding-top:14px;margin-top:15px}.footer{text-align:center;border-top:1px solid var(--border);padding-top:20px;margin-top:32px;font-size:11px;color:var(--dim)}.footer-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.footer a{color:var(--dim);text-decoration:none}.footer a:hover{color:var(--accent)}
.hub-section{margin:24px 0}.hub-section>h2{font-size:34px}.hub-section>p{margin-top:-4px}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hub-card{display:block;background:var(--panel);border:1px solid var(--border);border-radius:15px;padding:18px;text-decoration:none}.hub-card:hover{border-color:var(--accent);transform:translateY(-1px)}.hub-card .tag{font:9px "IBM Plex Mono",monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--accent)}.hub-card h3{font-family:"Bebas Neue",sans-serif;font-size:25px;line-height:1.05;margin:7px 0;color:var(--text)}.hub-card p{font-size:12px;line-height:1.55;margin:0}
@media(max-width:640px){.topbar{align-items:flex-start}.toc ol{columns:1}.grid2,.related-grid,.hub-grid{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start}}