*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#0f172a;color:#e2e8f0;line-height:1.8}
.container{max-width:820px;margin:0 auto;padding:40px 20px}
nav{background:#1e293b;padding:12px 24px;display:flex;gap:20px;align-items:center;font-size:14px}
nav a{color:#94a3b8;text-decoration:none}nav a:hover{color:#fff}
nav .brand{color:#fff;font-weight:700;font-size:16px}
h1{color:#fff;font-size:2.2em;margin:32px 0 12px;line-height:1.3}
h2{color:#93c5fd;font-size:1.5em;margin:40px 0 16px;border-bottom:1px solid #1e293b;padding-bottom:8px}
h3{color:#7dd3fc;font-size:1.2em;margin:28px 0 12px}
p{margin-bottom:16px;color:#cbd5e1}
a{color:#60a5fa;text-decoration:none}a:hover{text-decoration:underline}
ul,ol{padding-left:24px;margin-bottom:16px}
li{margin-bottom:8px;color:#cbd5e1}
table{width:100%;border-collapse:collapse;margin:20px 0}
th,td{padding:10px 14px;text-align:left;border-bottom:1px solid #1e293b;font-size:14px}
th{background:#1e293b;color:#93c5fd;font-weight:600}
tr:hover{background:#1e293b50}
code{background:#1e293b;padding:2px 6px;border-radius:4px;font-size:.92em;color:#fbbf24}
blockquote{border-left:3px solid #475569;padding:8px 16px;margin:16px 0;color:#94a3b8;font-style:italic}
.meta{color:#64748b;font-size:14px;margin-bottom:32px}
.toc{background:#1e293b;border-radius:8px;padding:20px 24px;margin:24px 0}
.toc h3{margin:0 0 12px;color:#fff;font-size:1em}
.toc ol{margin:0;padding-left:20px}
.toc li{margin-bottom:4px;font-size:14px}
.key-takeaway{background:#0f2a1e;border-left:4px solid #22c55e;padding:16px 20px;margin:24px 0;border-radius:4px}
.key-takeaway strong{color:#22c55e}
.warning{background:#1e293b;border-left:4px solid #f59e0b;padding:14px 18px;margin:24px 0;border-radius:4px;font-size:13px;color:#94a3b8}
.danger{background:#2a0f0f;border-left:4px solid #ef4444;padding:14px 18px;margin:24px 0;border-radius:4px;font-size:13px;color:#fca5a5}
.formula{background:#1e293b;padding:16px 20px;border-radius:8px;margin:16px 0;font-family:monospace;font-size:15px;color:#fbbf24;text-align:center}
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:24px 0}
.stat-card{background:#1e293b;border-radius:8px;padding:20px;text-align:center}
.stat-card .number{font-size:2em;font-weight:700;color:#22c55e}
.stat-card .label{font-size:13px;color:#94a3b8;margin-top:4px}
.checklist{background:#1e293b;border-radius:8px;padding:16px 20px;margin:16px 0}
.checklist li{list-style:none;padding-left:28px;position:relative}
.checklist li::before{content:"☐";position:absolute;left:0;color:#64748b}
.back{display:inline-block;margin-bottom:16px;color:#60a5fa;font-size:14px}
.discuss{background:#1e293b;border-radius:8px;padding:20px 24px;margin:32px 0;text-align:center}
.discuss a{background:#2563eb;color:#fff;padding:10px 24px;border-radius:6px;font-weight:600;display:inline-block}
.discuss a:hover{background:#1d4ed8;text-decoration:none}
/* Author Card */
.author-card{display:flex;gap:16px;align-items:center;background:#f0f4ff;border:1px solid #d0d9f0;border-radius:10px;padding:16px 20px;margin:12px 0 24px}
.author-card .author-avatar{width:56px;height:56px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0}
.author-card .author-info{font-size:14px;line-height:1.5}
.author-card .author-name{font-weight:700;font-size:16px;color:#1e293b}
.author-card .author-role{color:#64748b;font-size:13px}
.author-card .author-bio{color:#475569;margin-top:4px}

/* Chart figures */
.chart{margin:24px 0}
.chart svg{font-family:system-ui,-apple-system,sans-serif}

/* Footer */
.footer{background:#1e293b;padding:32px 24px;text-align:center;margin-top:48px;border-top:1px solid #334155}
.footer p{color:#64748b;font-size:13px;margin-bottom:8px}
.footer a{color:#94a3b8;text-decoration:none}
.footer a:hover{color:#fff}
/* Cookie Banner */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#1e293b;border-top:1px solid #334155;padding:14px 24px;display:flex;align-items:center;justify-content:center;gap:16px;font-size:13px;color:#94a3b8;z-index:1000}
.cookie-banner button{background:#2563eb;color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600}
.cookie-banner button:hover{background:#1d4ed8}
/* Disclaimer */
.disclaimer{background:#1e293b;border-left:4px solid #64748b;padding:14px 18px;margin:24px 0;border-radius:4px;font-size:13px;color:#94a3b8}