.panel{--nd: .9s;--bd: 1.05s;--td: 1.45s;position:relative;container-type:inline-size;overflow:hidden;display:flex;flex-direction:column;padding-block:clamp(1rem,2.4vh,1.6rem) 0;padding-inline:clamp(1.1rem,1.6vw,1.6rem)}.panel--orange{background:var(--orange);color:var(--on-orange)}.panel--cobalt{background:var(--cobalt);color:var(--on-cobalt)}.panel--paper{background:var(--ground);color:var(--text)}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.panel-kicker{margin:0;font-size:.875rem;font-weight:500}.panel-index{font-weight:700}.panel-arrow{flex:none;transition:transform .2s var(--ease-out)}.panel:hover .panel-arrow{transform:translate(3px,-3px)}.panel-title{margin-block:var(--space-4) var(--space-5);max-inline-size:15ch;font-size:clamp(1.25rem,1.05rem + .6vw,1.625rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:inherit}.panel-title a{color:inherit;text-decoration:none}.panel-title a:after{content:"";position:absolute;inset:0;z-index:5}.panel-title a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}.panel-title a:focus-visible{outline:none}.panel:has(.panel-title a:focus-visible){outline:3px solid currentColor;outline-offset:-6px}.mini-chart{display:block;inline-size:100%;max-inline-size:17rem;block-size:auto;overflow:visible}.mini-axis{fill:none;stroke:currentColor;stroke-opacity:.35;stroke-width:1.2}.mini-line{fill:none;stroke:var(--paper);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.mini-node{stroke:var(--orange);stroke-width:2;transform-box:fill-box;transform-origin:center}.mini-node.is-cobalt{fill:var(--cobalt)}.mini-node.is-paper{fill:var(--paper)}.chips{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:var(--space-4) 0 0;padding:0;list-style:none;font-size:.8125rem;font-weight:600}.chips li{display:inline-flex;align-items:center;gap:.4rem}.chip-swatch{inline-size:1rem;block-size:.3rem;background:var(--paper)}.chips li:nth-child(2) .chip-swatch{background:var(--ink)}.chips li:nth-child(3) .chip-swatch{background:var(--cobalt)}.chips li:nth-child(4) .chip-swatch{background:var(--orange-deep)}.chips--plain{margin:0;gap:var(--space-2)}.chips--plain li{padding-block:.2rem;padding-inline:.6rem;border:1px solid currentColor;border-radius:999px}.lines{display:grid;gap:.55rem;margin:0;padding:0;list-style:none;font-size:.9375rem;font-weight:500}.lines li{display:flex;align-items:center;gap:.7rem}.line-bar{flex:none;inline-size:1.6rem;block-size:.3rem;background:currentColor;transform-origin:left center}.panel--cobalt .line-bar{background:var(--paper)}.lines li:nth-child(2n) .line-bar{inline-size:1rem;opacity:.6}.panel-foot{position:relative;margin-block-start:auto;block-size:clamp(13rem,40vh,22rem);min-block-size:0}.numeral{position:absolute;inset-inline-start:-.04em;inset-block-end:-.1em;font:800 clamp(7.5rem,60cqi,15rem) / .8 var(--font-sans);letter-spacing:-.06em;color:var(--paper);white-space:nowrap}.panel--cobalt .numeral{color:var(--white)}.panel--paper .numeral{color:var(--cobalt-on-ground)}.panel-foot--wide .numeral{font-size:min(28cqi,8rem);inset-block-end:.06em}.panel-foot--wide .bars{inset-inline-start:79%;inset-inline-end:2%;gap:10%}.panel-foot--bars .bars{inset-inline-start:0;inset-inline-end:34%}.bars{position:absolute;inset-block:0;inset-inline-start:38%;inset-inline-end:4%;display:flex;align-items:flex-end;gap:7%}.bar{flex:1 1 0;block-size:var(--h);transform-origin:50% 100%}.bar--cobalt{background:var(--cobalt)}.bar--paper{background:var(--paper)}.bar--ink{background:var(--cobalt-on-ground)}.trend{position:absolute;inset:0;inline-size:100%;block-size:100%;overflow:visible}.trend polyline{fill:none;stroke:var(--orange);stroke-width:2;vector-effect:non-scaling-stroke}.panel--orange .trend polyline{stroke:var(--orange-deep)}.dot{position:absolute;inset-inline-start:var(--x);inset-block-start:var(--y);inline-size:.8rem;block-size:.8rem;translate:-50% -50%;border-radius:50%;background:var(--orange)}.panel--orange .dot{background:var(--orange-deep)}@media(prefers-reduced-motion:no-preference){.numeral{animation:k2-rise .8s var(--ease-out) var(--nd) both}.bar{animation:k2-grow-y .75s var(--ease-out) calc(var(--bd) + var(--i) * .09s) both,k2-read calc(5.2s + var(--i) * .9s) ease-in-out calc(var(--bd) + 1.6s + var(--i) * .45s) infinite alternate}.trend{animation:k2-wipe .7s var(--ease-out) var(--td) both}.dot{animation:k2-pop .45s var(--ease-out) calc(var(--td) + .15s + var(--i) * .14s) both,k2-pulse 4.2s ease-in-out calc(var(--td) + 1.4s + var(--i) * .7s) infinite}.mini-line{stroke-dasharray:1;animation:k2-draw 1s var(--ease-out) 1.2s both}.mini-node{animation:k2-pop .4s var(--ease-out) calc(1.3s + var(--i) * .12s) both,k2-pulse 4.8s ease-in-out calc(3.1s + var(--i) * .6s) infinite}.line-bar{animation:k2-grow-x .6s var(--ease-out) calc(var(--ld, .95s) + var(--i) * .08s) both}}@keyframes k2-panel-in{0%{transform:translate(var(--from, 100%))}to{transform:none}}@keyframes k2-land{0%{transform:translate(100cqi)}to{transform:none}}@keyframes k2-rise{0%{transform:translateY(110%)}to{transform:none}}@keyframes k2-grow-y{0%{transform:scaleY(0)}to{transform:none}}@keyframes k2-grow-x{0%{transform:scaleX(0)}to{transform:none}}@keyframes k2-read{0%{transform:none}to{transform:scaleY(var(--alt, .82))}}@keyframes k2-wipe{0%{clip-path:inset(-20% 160% -20% -60%)}to{clip-path:inset(-20% -10% -20% -60%)}}@keyframes k2-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes k2-pop{0%{transform:scale(0)}to{transform:none}}@keyframes k2-pulse{0%,24%,to{transform:none}9%{transform:scale(1.55)}}
