.wh-card{--wh-ink:var(--g-ink,var(--ink));--wh-soft:var(--g-soft,var(--ink-soft));--wh-bg:var(--g-bg,var(--bg));--wh-panel:color-mix(in srgb,var(--wh-ink) 5%,var(--wh-bg));--wh-a:var(--g-accent,var(--red));border:1px solid color-mix(in srgb,var(--wh-ink) 18%,transparent);border-radius:1.1rem;padding:1rem;margin-block:1rem;background:var(--wh-bg);color:var(--wh-ink);max-inline-size:100%;box-sizing:border-box}
.wh-card>h2,.wh-card>h3,.wh-card>h4{font-size:clamp(1.15rem,3vw,1.5rem);line-height:1.4;margin:0 0 .6rem}
.wh-card p{line-height:1.65}
.wh-intro{margin:.4rem 0}
.wh-scope,.wh-period{font-size:.85rem;color:var(--wh-soft);margin:.6rem 0}
.wh-controls{display:grid;gap:.7rem;margin-block:1rem}
.wh-controls label{display:grid;gap:.3rem;font-weight:700}
.wh-controls select{font:inherit;background:var(--wh-bg);color:var(--wh-ink);border:1px solid var(--wh-soft);border-radius:.5rem;padding:.5rem;min-block-size:44px;max-inline-size:100%}
.wh-card button{font:inherit;font-size:.9rem;background:var(--wh-bg);color:var(--wh-ink);border:1px solid color-mix(in srgb,var(--wh-ink) 25%,transparent);border-radius:.6rem;padding:.4rem .7rem;min-block-size:44px;cursor:pointer}
.wh-card button[aria-pressed=true]{background:var(--yellow);color:var(--red-ink);border-color:var(--yellow-deep);font-weight:700}
.wh-card button:focus-visible,.wh-card select:focus-visible,.wh-card summary:focus-visible{outline:3px solid var(--yellow-deep);outline-offset:3px}
.wh-presets,.wh-modes{display:flex;gap:.35rem;flex-wrap:wrap}
.wh-chart{display:block;inline-size:100%;block-size:auto;overflow:visible}
.wh-grid{stroke:color-mix(in srgb,var(--wh-ink) 15%,transparent);stroke-width:1;fill:none}
.wh-axis{fill:var(--wh-soft);font-family:var(--font-body,Assistant,sans-serif);font-size:24px;font-variant-numeric:tabular-nums}
.wh-line{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.wh-line-0{stroke:var(--wh-a)}
.wh-line-1{stroke:var(--yellow-deep);stroke-dasharray:9 5}
.wh-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.9rem;font-weight:700;margin-block:.7rem .3rem}
.wh-key::before{content:"";display:inline-block;inline-size:1.2rem;border-block-start:3px solid var(--wh-a);margin-inline-end:.4rem;vertical-align:middle}
.wh-key.wh-series-1::before{border-block-start-color:var(--yellow-deep);border-block-start-style:dashed}
.wh-metrics{display:grid;gap:.65rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-block:1rem}
.wh-metric{background:var(--wh-panel);border-radius:.75rem;padding:.75rem;min-inline-size:0}
.wh-metric h5{font-size:.95rem;margin:0 0 .4rem;line-height:1.4}
.wh-metric dl{margin:0}
.wh-metric dl>div{padding-block:.45rem;border-block-end:1px solid color-mix(in srgb,var(--wh-ink) 12%,transparent)}
.wh-metric dl>div:last-child{border:0}
.wh-metric dt{font-size:.82rem;line-height:1.45;color:var(--wh-soft)}
.wh-metric dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.wh-value dd{font-size:clamp(1.1rem,4.4vw,1.7rem)}
.wh-metric small,.wh-years small{display:block;font-size:.8125rem;font-weight:400;line-height:1.5;margin-block-start:.2rem;color:var(--wh-soft)}
.wh-card summary{cursor:pointer;font-weight:700;min-block-size:44px;align-content:center}
.wh-years table{border-collapse:collapse;inline-size:100%;font-size:.86rem;table-layout:fixed}
.wh-years th,.wh-years td{padding:.5rem .25rem;text-align:start;border-block-end:1px solid color-mix(in srgb,var(--wh-ink) 15%,transparent);vertical-align:top}
.wh-years th:first-child{inline-size:40%}
.wh-insight{border-inline-start:3px solid var(--yellow);padding-inline-start:.75rem;font-weight:600}
.wh-method{font-size:.86rem;color:var(--wh-soft)}
.wh-method a{color:inherit;text-underline-offset:.2em}
html[data-theme="dark"] .wh-line-0,html.dark .wh-line-0{stroke:var(--wh-ink)}
html[data-theme="dark"] .wh-key.wh-series-0::before,html.dark .wh-key.wh-series-0::before{border-block-start-color:var(--wh-ink)}
@media(min-width:40rem){.wh-controls{grid-template-columns:minmax(12rem,1fr) auto;align-items:end}.wh-metric{padding:1rem}.wh-metric dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.wh-metric dd{text-align:end}}

@media(prefers-color-scheme:dark){.g-page .wh-card,.ew-article .wh-card{--wh-a:#efadba}}