:root { --stats-bg:#faf9f6; --stats-paper:#fff; --stats-ink:#202822; --stats-muted:#5f685f; --stats-line:#d9ded6; --stats-accent:#315b45; --stats-soft:#eaf0e7; color-scheme:light; }
:root[data-statistics-theme="dark"] { --stats-bg:#151b18; --stats-paper:#1b231e; --stats-ink:#e9ede6; --stats-muted:#abb8ac; --stats-line:#354239; --stats-accent:#b9d9b8; --stats-soft:#24382b; color-scheme:dark; }
@media (prefers-color-scheme:dark) { :root:not([data-statistics-theme]) { --stats-bg:#151b18; --stats-paper:#1b231e; --stats-ink:#e9ede6; --stats-muted:#abb8ac; --stats-line:#354239; --stats-accent:#b9d9b8; --stats-soft:#24382b; color-scheme:dark; } }
body { margin:0; background:var(--stats-bg)!important; color:var(--stats-ink)!important; }
[hidden] { display:none!important; }
.stats-page, .stats-header, .stats-footer { font-size:16px; line-height:1.65; color:var(--stats-ink); background:var(--stats-bg); }
.stats-page * { box-sizing:border-box; }
.stats-shell { width:min(1180px,calc(100% - 64px)); margin-inline:auto; }
.stats-header { border-bottom:1px solid var(--stats-line); }
.stats-nav { display:flex; justify-content:space-between; gap:24px; align-items:center; min-height:80px; }
.stats-brand { display:flex; align-items:center; gap:10px; font-size:19px; text-decoration:none; }
.stats-brand span { margin-left:10px; border-left:1px solid var(--stats-line); padding-left:20px; font-size:14px; color:var(--stats-muted); }
.stats-nav-actions { display:flex; gap:24px; align-items:center; font-size:13px; }
.stats-theme { width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--stats-line); border-radius:50%; }
.stats-page a, .stats-header a, .stats-footer a { color:var(--stats-accent); text-underline-offset:4px; }
.stats-page a:hover, .stats-footer a:hover, .stats-nav-actions a:hover { text-decoration:underline; }
.stats-page :focus-visible, .stats-header :focus-visible, .stats-footer :focus-visible { outline:3px solid var(--stats-accent); outline-offset:5px; }
.stats-skip { position:fixed; top:-100px; left:16px; padding:12px 18px; background:var(--stats-ink); color:var(--stats-bg); z-index:100; }
.stats-skip:focus { top:12px; }
.stats-hero { padding-block:28px 60px; }
.stats-breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; color:var(--stats-muted); font-size:12px; margin-bottom:42px; }
.stats-eyebrow { text-transform:uppercase; letter-spacing:.13em; font-size:11px; font-weight:700; color:var(--stats-accent); margin:0 0 18px; }
.stats-eyebrow span { color:var(--stats-muted); margin-left:18px; }
.stats-hero h1 { max-width:1000px; font-size:clamp(40px,5.5vw,72px); line-height:1.08; font-weight:650; letter-spacing:-.055em; margin:0; text-wrap:balance; }
.stats-hero h1 em { font-family:Georgia,serif; font-weight:400; color:var(--stats-accent); white-space:nowrap; }
.stats-deck { max-width:760px; font-size:20px; line-height:1.6; color:var(--stats-muted); margin:24px 0; }
.stats-byline { display:flex; gap:12px; align-items:center; }
.stats-byline img { border-radius:50%; object-fit:cover; }
.stats-byline span { display:block; font-size:13px; }
.stats-byline span+span { font-size:11px; color:var(--stats-muted); margin-top:3px; }
.stats-byline a { font-weight:650; }
.stats-tools { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin:28px 0 32px; font-size:12px; }
.stats-tools>span { margin-left:auto; color:var(--stats-muted); }
.stats-button { display:inline-flex; gap:24px; align-items:center; justify-content:center; background:var(--stats-accent); color:var(--stats-bg)!important; border:1px solid var(--stats-accent); padding:11px 17px; border-radius:4px; font-size:12px; font-weight:650; cursor:pointer; }
.stats-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--stats-line); border-bottom:1px solid var(--stats-line); }
.stats-highlight { padding:26px 28px; display:flex; flex-direction:column; gap:16px; text-decoration:none!important; }
.stats-highlight:first-child { padding-left:0; }
.stats-highlight+.stats-highlight { border-left:1px solid var(--stats-line); }
.stats-highlight>span:not(.stats-value) { font-size:14px; color:var(--stats-ink); line-height:1.6; }
.stats-value { font-size:clamp(25px,3vw,39px); letter-spacing:-.04em; font-weight:650; line-height:1.25; }
.stats-highlight small { color:var(--stats-muted); font-size:11px; margin-top:auto; }
.stats-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:70px; }
.stats-toc { align-self:start; position:sticky; top:28px; display:grid; gap:14px; font-size:12px; padding-bottom:30px; }
.stats-toc strong { font-size:11px; text-transform:uppercase; letter-spacing:.12em; color:var(--stats-muted); margin-bottom:5px; }
.stats-toc a { line-height:1.5; color:var(--stats-muted); }
.stats-article { min-width:0; max-width:820px; }
.stats-scope { border-left:3px solid var(--stats-accent); padding:0 0 0 20px; margin:0 0 42px; font-size:14px; color:var(--stats-muted); }
.stats-section { margin-bottom:60px; }
.stats-section-heading { display:flex; align-items:baseline; gap:18px; }
.stats-section-heading>span { color:var(--stats-muted); font-size:12px; font-variant-numeric:tabular-nums; }
.stats-page h2 { font-size:29px; line-height:1.25; letter-spacing:-.035em; font-weight:600; margin:0 0 18px; text-wrap:balance; }
.stats-intro { color:var(--stats-muted); font-size:15px; margin-bottom:28px; }
.stats-facts { list-style:none; padding:0; margin:0; }
.stats-fact { padding:24px 0; border-top:1px solid var(--stats-line); scroll-margin-top:24px; }
.stats-page [id] { scroll-margin-top:24px; }
.stats-fact:target { background:var(--stats-soft); box-shadow:0 0 0 14px var(--stats-soft); }
.stats-fact-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.stats-fact-value { font-size:25px; line-height:1.3; font-weight:650; color:var(--stats-accent); letter-spacing:-.03em; }
.stats-permalink { padding:5px 10px; font-size:18px; }
.stats-claim { font-size:17px; line-height:1.7; margin:8px 0 10px; }
.stats-note { color:var(--stats-muted); font-size:13px; margin:8px 0; }
.stats-calculation { padding:12px 14px; border-radius:3px; background:var(--stats-soft); font-size:13px; margin:12px 0; overflow-wrap:anywhere; }
.stats-calculation strong { display:block; font-size:11px; margin-bottom:5px; text-transform:uppercase; letter-spacing:.07em; }
.stats-source { margin:12px 0 0; font-size:11px; line-height:1.65; }
.stats-source a { text-decoration:underline; }
.stats-source>span { display:block; color:var(--stats-muted); margin-top:4px; }
.stats-copy { font-size:11px; margin-top:12px; padding:6px 0; color:var(--stats-accent); text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.stats-analysis, .stats-methodology, .stats-sources, .stats-cite, .stats-next { margin:0 0 52px; }
.stats-analysis>p:not(.stats-eyebrow), .stats-methodology p, .stats-cite p { font-size:15px; margin:16px 0; }
.stats-chart { margin:28px 0; padding:24px; background:var(--stats-paper); border:1px solid var(--stats-line); border-radius:6px; }
.stats-chart figcaption strong, .stats-chart figcaption span { display:block; }
.stats-chart figcaption strong { font-size:16px; }
.stats-chart figcaption span { font-size:11px; color:var(--stats-muted); margin:4px 0 18px; }
.stats-chart table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:12px; }
.stats-chart thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.stats-chart th { text-align:left; width:40%; padding:9px 15px 9px 0; font-weight:400; }
.stats-chart td { position:relative; height:42px; }
.stats-bar { display:block; position:absolute; top:8px; bottom:8px; width:var(--bar); background:var(--stats-soft); border-left:3px solid var(--stats-accent); }
.stats-chart td strong { position:relative; padding-left:12px; font-size:12px; color:var(--stats-ink); }
.stats-chart>p { font-size:10px; margin:16px 0 0; color:var(--stats-muted); }
.stats-sources ol { padding-left:20px; }
.stats-sources li { font-size:13px; margin-bottom:16px; }
.stats-sources span { display:block; color:var(--stats-muted); font-size:11px; margin-top:4px; }
.stats-cite { padding:28px; background:var(--stats-soft); border-radius:5px; }
#page-citation { overflow-wrap:anywhere; font-size:14px; }
.stats-next { border-block:1px solid var(--stats-line); padding:30px 0; }
.stats-next>div { display:grid; grid-template-columns:1fr 1fr; gap:14px; font-size:13px; }
.stats-series { padding-block:28px 65px; }
.stats-series nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin-top:26px; }
.stats-series nav a { border-top:1px solid var(--stats-line); padding-top:17px; font-size:13px; }
.stats-footer { border-top:1px solid var(--stats-line); padding:28px 0; font-size:11px; color:var(--stats-muted); }
.stats-footer>.stats-shell, .stats-footer nav { display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; }
.stats-copy-feedback { position:fixed; bottom:20px; right:20px; width:min(500px,calc(100vw - 40px)); max-height:70vh; overflow:auto; padding:18px; border:1px solid var(--stats-line); background:var(--stats-paper); color:var(--stats-ink); box-shadow:0 5px 25px #0002; z-index:50; border-radius:6px; font-size:13px; }
.stats-copy-feedback textarea { width:100%; background:var(--stats-bg); color:var(--stats-ink); margin-top:8px; padding:10px; border:1px solid var(--stats-line); }
.stats-copy-feedback button { display:block; margin-top:10px; text-decoration:underline; color:var(--stats-accent); }
@media(max-width:960px) { .stats-layout { grid-template-columns:190px minmax(0,1fr); gap:40px; } .stats-tools>span { margin-left:0; } }
@media(max-width:760px) { .stats-shell { width:calc(100% - 36px); } .stats-nav { min-height:70px; gap:12px; } .stats-brand span { display:none; } .stats-nav-actions { gap:12px; font-size:11px; } .stats-nav-actions>a { max-width:165px; line-height:1.4; } .stats-breadcrumbs { margin-bottom:28px; } .stats-hero { padding-bottom:32px; } .stats-eyebrow { letter-spacing:.09em; } .stats-eyebrow span { display:block; margin:5px 0 0; } .stats-deck { font-size:17px; } .stats-byline span+span { max-width:270px; line-height:1.6; } .stats-tools { gap:16px; } .stats-tools>span { flex-basis:100%; } .stats-highlights { grid-template-columns:1fr; } .stats-highlight, .stats-highlight:first-child { padding:22px 0; gap:10px; } .stats-highlight+.stats-highlight { border-left:0; border-top:1px solid var(--stats-line); } .stats-value { font-size:31px; } .stats-layout { display:flex; flex-direction:column; gap:12px; } .stats-toc { position:static; width:100%; border-bottom:1px solid var(--stats-line); margin-bottom:18px; gap:11px; } .stats-page h2 { font-size:25px; } .stats-claim { font-size:16px; } .stats-section-heading { gap:12px; } .stats-section { margin-bottom:42px; } .stats-chart, .stats-cite { padding:19px; } .stats-chart th { width:46%; font-size:11px; } .stats-next>div { grid-template-columns:1fr; } .stats-series nav { grid-template-columns:1fr 1fr; gap:25px; } }
@media print { .stats-header, .stats-toc, .stats-tools, .stats-copy, .stats-theme, .stats-next, .stats-series, .stats-copy-feedback { display:none!important; } .stats-shell { width:100%; } .stats-layout { display:block; } .stats-article { max-width:none; } .stats-fact { break-inside:avoid; } }
