/* stats.css — editorial numbers, charts, calendar heatmap */
.stats{padding-bottom:120px}
.big-nums{max-width:1180px;margin:0 auto;padding:0 28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.bn{padding:26px 18px 22px;border-right:1px solid var(--line)}
.bn:last-child{border-right:0}
.bn .v{font-family:var(--display);font-size:clamp(48px,5.4vw,76px);line-height:1;color:var(--ink)}
.bn .v small{font-size:.4em;color:var(--amber);margin-left:4px}
.bn .l{font-size:13px;color:var(--muted);margin-top:8px;letter-spacing:.1em}
.stat-grid{max-width:1180px;margin:28px auto 0;padding:0 28px;display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media(max-width:820px){.stat-grid{grid-template-columns:1fr}}
.panel-card{background:#f8f2e6;border:1px solid var(--line);border-radius:4px;padding:26px 26px 22px;box-shadow:0 18px 36px -26px rgba(28,24,20,.5)}
.panel-card.wide{max-width:1124px;margin:28px auto 0}
.panel-card h3{font-size:22px;font-weight:900;margin-bottom:18px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.panel-card h3 small{font-size:12px;font-weight:400;color:var(--muted)}
.rbar{display:grid;grid-template-columns:86px 1fr 84px;align-items:center;gap:12px;margin:12px 0;font-size:14px}
.rbar .lab{color:var(--amber);letter-spacing:2px;text-align:right;font-size:13px}
.rbar .lab.none{color:var(--muted);letter-spacing:0}
.rbar .track{height:22px;background:var(--paper-2);position:relative;overflow:hidden}
.rbar .fill{position:absolute;inset:0 auto 0 0;width:0;background:repeating-linear-gradient(90deg,var(--ink) 0 10px,var(--ink-2) 10px 12px);transition:width 1.4s var(--ease)}
.rbar.r5 .fill{background:repeating-linear-gradient(90deg,var(--amber) 0 10px,#a8680d 10px 12px)}
.rbar .n{font-family:var(--mono);font-size:12px;color:var(--ink-3)}
.genre-chart{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline}
.gtag{font-weight:900;line-height:1.1;color:var(--ink);cursor:default;transition:color .2s}
.gtag sup{font-family:var(--mono);font-size:10px;font-weight:400;color:var(--amber);margin-left:2px}
.gtag:hover{color:var(--amber)}
.heatmap{overflow-x:auto;padding-bottom:6px}
.hm{display:grid;grid-template-columns:52px repeat(12,minmax(26px,1fr)) 44px;gap:4px;min-width:560px;font-family:var(--mono);font-size:10px;color:var(--muted)}
.hm .yh{text-align:right;padding-right:6px;align-self:center;color:var(--ink-3);font-size:11px}
.hm .mh{text-align:center}
.hm .c{aspect-ratio:1.6;border-radius:2px;background:var(--paper-2);position:relative;transition:transform .2s}
.hm .c:hover{transform:scale(1.25);z-index:2;outline:1px solid var(--ink)}
.hm .c[data-l="1"]{background:#ecd3a3}.hm .c[data-l="2"]{background:#e2b062}.hm .c[data-l="3"]{background:#c98a24}.hm .c[data-l="4"]{background:#8f5a0c}.hm .c[data-l="5"]{background:#3d2706}
.hm .tot{align-self:center;color:var(--ink);font-size:11px}
.heat-legend{display:flex;align-items:center;gap:4px;justify-content:flex-end;margin-top:12px;font-family:var(--mono);font-size:10px;color:var(--muted)}
.heat-legend i{width:16px;height:10px;border-radius:2px;display:inline-block}
.country-chart{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 30px}
.crow{display:grid;grid-template-columns:76px 1fr 34px;gap:10px;align-items:center;font-size:14px}
.crow .bar{height:6px;background:var(--paper-2)}
.crow .bar i{display:block;height:100%;width:0;background:var(--ink);transition:width 1.2s var(--ease)}
.crow .n{font-family:var(--mono);font-size:11px;color:var(--muted);text-align:right}
.tip{position:fixed;z-index:500;pointer-events:none;background:var(--ink);color:var(--paper);font-size:12px;padding:6px 10px;border-radius:3px;max-width:260px;opacity:0;transition:opacity .15s;font-family:var(--sans)}