.case-switch{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start;gap:clamp(24px,3.4vw,48px);display:grid}.case-switch__stage{border:1px solid var(--line);border-radius:var(--radius-lg);display:grid;overflow:hidden}.case-switch__image{opacity:0;width:100%;height:auto;transition:opacity .45s var(--ease-out);grid-area:1/1}.case-switch__image[data-on=true]{opacity:1}.case-switch__side{gap:28px;display:grid}.case-switch__hint{font-family:var(--font-serif);letter-spacing:0;text-transform:none;color:var(--text-muted);margin-bottom:-14px;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);font-style:italic;font-weight:400;line-height:1.25}.case-switch__tabs{justify-items:start;gap:6px;display:grid}.case-switch__tab{color:#0000;font:inherit;text-align:inherit;cursor:pointer;--ink-tint:var(--text-subtle);background:0 0;background-image:linear-gradient(var(--ink-tint), var(--ink-tint)),var(--heat-text);border-radius:var(--radius-sm);font-family:var(--font-display);font-variation-settings:"wdth" 90;letter-spacing:-.035em;text-align:left;transition:--ink-tint .35s var(--ease-out);-webkit-background-clip:text;background-clip:text;border:0;align-items:center;gap:.4em;padding:0;font-size:clamp(1.4rem,1rem + 1.2vw,2rem);font-weight:700;line-height:1.15;display:inline-flex}.case-switch__tab:hover{--ink-tint:var(--text)}.case-switch__tab[aria-selected=true]{--ink-tint:transparent}.case-switch__tab:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.case-switch__spark{border:max(.06em,1.5px) solid var(--text-subtle);border-radius:50%;flex:none;width:max(.3em,8px);height:max(.3em,8px);transition:border-color .25s,background-color .25s,box-shadow .4s}:hover>.case-switch__spark{border-color:var(--text)}[aria-selected=true]>.case-switch__spark{box-shadow:0 0 0 .035em var(--heat-white),0 0 0 .075em var(--heat-amber),0 0 0 .12em #ffa052bf,0 0 0 .17em #ff6a3d73,0 0 0 .23em #e74c3d38;background:#fff;border:0}body:not(.active-dark-mode) [aria-selected=true]>.case-switch__spark{background:var(--ember);box-shadow:0 0 0 .05em color-mix(in srgb, var(--ember) 35%, transparent),0 0 0 .11em color-mix(in srgb, var(--heat-red) 16%, transparent)}.case-switch__panel{animation:demo-in .35s var(--ease-out);justify-items:start;gap:20px;display:grid}.case-switch__rows{border-top:1px solid var(--line);width:100%;margin:0;display:grid}.case-switch__row{border-bottom:1px solid var(--line);font-size:var(--fs-small);grid-template-columns:9.5em minmax(0,1fr);gap:12px;padding:12px 0;display:grid}.case-switch__term{color:var(--text-subtle)}.case-switch__value{margin:0;font-weight:600}@media (max-width:960px){.case-switch{grid-template-columns:minmax(0,1fr)}.case-switch__tab{font-size:1.25rem}}
