.visual-case{min-width:0}.visual-case .prose{overflow-wrap:break-word}.visual-case h1,.visual-case h2,.visual-case h3{color:var(--ink)}.visual-case h2[id]{scroll-margin-top:120px}
.visual-case .case-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:34px 0 8px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.visual-case .case-stats div{background:var(--paper);padding:18px 20px}.visual-case .case-stats dt{font-size:clamp(28px,3vw,38px);line-height:1.1;letter-spacing:-.03em;color:var(--ink);font-weight:400}.visual-case .case-stats dd{margin:6px 0 0;font-size:13.5px;line-height:1.45;color:var(--muted)}
.visual-case .comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:28px 0 32px}.visual-case .comparison-figure{min-width:0;margin:28px 0 32px}.visual-case .comparison .comparison-figure{margin:0}
.visual-case .image-label{color:var(--ink);font-size:14px;line-height:1.5;margin:0 0 10px;font-weight:500}.visual-case .image-link{display:block;border:0;text-decoration:none;border-radius:10px;overflow:hidden;background:#141516}.visual-case .image-link img{display:block;width:100%;height:auto}
.visual-case .reference-pair .image-link{aspect-ratio:4/3;display:grid;place-items:center}.visual-case .reference-pair img{height:100%;max-height:100%;object-fit:contain}.visual-case .reference-single{max-width:620px;margin:28px auto 32px}
.visual-case .spectro-pair{grid-template-columns:1fr}.visual-case figcaption{font-size:13px;line-height:1.65;margin-top:10px;color:var(--body)}
.visual-case .version-grid{margin:28px 0 34px}.visual-case .vg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}.visual-case .vg-cell{min-width:0}.visual-case .vg-cell .image-link{border-radius:8px}
.visual-case .vg-tag{margin:9px 0 0;font-size:13px;line-height:1.35;font-weight:500;color:var(--ink)}.visual-case .vg-note{margin:2px 0 0;font-size:12.5px;line-height:1.45;color:var(--muted)}
.visual-case .case-chart{margin:30px 0 34px;padding:22px 22px 18px;border:1px solid var(--line);border-radius:14px;background:#0d0e10}
.visual-case .cl-list{display:grid;gap:10px}.visual-case .cl-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;align-items:end}.visual-case .cl-label{margin:0;font-size:13.5px;line-height:1.35;color:var(--muted)}.visual-case .cl-label strong{display:block;color:var(--ink);font-weight:500}
.visual-case .cl-plot{display:block;width:100%;height:46px;border-bottom:1px solid var(--line-2)}.visual-case .cl-area{fill:rgba(207,164,99,.42)}.visual-case .cl-line{fill:none;stroke:#cfa463;stroke-width:2;stroke-linejoin:round}
.visual-case .cl-axis{align-items:start}.visual-case .cl-ticks{position:relative;height:20px;font-size:12px;color:var(--muted)}.visual-case .cl-ticks span{position:absolute;top:2px;transform:translateX(-50%)}.visual-case .cl-ticks span:first-child{transform:none}.visual-case .cl-ticks span:last-child{transform:translateX(-100%)}
.visual-case .cb-list{display:grid;gap:8px}.visual-case .cb-row{display:grid;grid-template-columns:210px minmax(0,1fr) 52px;gap:14px;align-items:center}.visual-case .cb-label,.visual-case .cb-value{margin:0;font-size:13.5px;line-height:1.35;color:var(--body)}.visual-case .cb-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}
.visual-case .cb-track{height:14px}.visual-case .cb-bar{display:block;height:100%;min-width:3px;background:#767982;border-radius:0 4px 4px 0}.visual-case .cb-row.is-hi .cb-bar{background:#cfa463}.visual-case .cb-row.is-hi .cb-label,.visual-case .cb-row.is-hi .cb-value{color:var(--ink)}
.visual-case .film{margin:28px 0}.visual-case video{display:block;width:100%;height:auto;border-radius:12px}.visual-case .archive-note{font-size:13px;color:var(--body);margin-top:32px}.visual-case :focus-visible{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:600px){.visual-case .case-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-case .case-stats div{padding:14px 14px}.visual-case .comparison{grid-template-columns:1fr;gap:24px}.visual-case .reference-pair .image-link{aspect-ratio:auto}.visual-case .reference-pair img{height:auto}.visual-case .image-label{font-size:15px}
.visual-case .vg{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.visual-case .vg-3 .vg{grid-template-columns:1fr}.visual-case .case-chart{padding:16px 14px 14px}.visual-case .cl-row{grid-template-columns:1fr;gap:4px}.visual-case .cl-axis .cl-label{display:none}
.visual-case .cb-row{grid-template-columns:minmax(0,1fr) 48px;gap:4px 10px}.visual-case .cb-label{grid-column:1/-1}.visual-case .cb-track{grid-column:1}}