/* Performance case prototype — extends the shared V2 case language. */
.performance-case .scope-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.performance-case .scope-card{min-height:300px;padding:32px}.performance-case .scope-card h3{font-size:22px}.performance-case .scope-card p{font-size:14px}.performance-case .section-head h2{color:var(--ink)}.performance-case .section-lead{font-size:19px;max-width:820px}.performance-case .case-section{padding:100px 0 24px;scroll-margin-top:78px}.performance-case .section-title{margin-top:44px;font-size:clamp(32px,4.1vw,50px);line-height:1.3}.performance-case .display{font-size:clamp(40px,5.2vw,68px)}.cover-stage{padding:24px 28px 0;background:#e3eafb;border:1px solid #d4dff4;border-radius:4px;overflow:hidden}.cover-caption{display:flex;justify-content:space-between;gap:12px;color:#42628f;font-size:13px;margin-bottom:24px}.cover-caption span:first-child{font-family:monospace;letter-spacing:.12em}.screen-button{display:block;position:relative;width:100%;padding:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:white;cursor:zoom-in;text-align:left}.screen-button img{width:100%;height:auto}.zoom-label{position:absolute;right:14px;bottom:14px;padding:7px 12px;border:1px solid #dce3ed;border-radius:4px;background:#fffffff2;color:#38506e;font-size:13px;opacity:0;transition:opacity .2s}.screen-button:hover .zoom-label,.screen-button:focus-visible .zoom-label{opacity:1}.cover-screen{height:490px;box-shadow:0 12px 40px #19386216;border-bottom:0;border-radius:5px 5px 0 0}.cover-screen img{margin-top:0}.chapter-nav{display:flex;justify-content:space-between;gap:16px;padding:26px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--body)}.chapter-nav a:hover{color:var(--blue)}.editor-note{font-size:13px;line-height:1.8;color:var(--muted);margin-top:24px;border-left:2px solid var(--line);padding-left:14px}.insight-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:42px}.insight-pair article{padding:28px 30px;border:1px solid var(--line);background:var(--surface);border-radius:4px}.insight-pair small{font-size:12px;letter-spacing:.06em;color:var(--muted)}.insight-pair p{font-size:16px;color:var(--body);margin-top:16px}.insight-pair article+article{background:color-mix(in srgb,var(--blue) 5%,var(--surface));border-color:color-mix(in srgb,var(--blue) 20%,var(--line))}.switcher{display:flex;gap:10px;margin-top:40px}.switcher button{flex:1;padding:18px 22px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--body);cursor:pointer;text-align:left;font-size:15px}.switcher button span{float:right;font-size:13px}.switcher button[aria-selected=true]{color:var(--blue);background:color-mix(in srgb,var(--blue) 7%,var(--surface));border-color:color-mix(in srgb,var(--blue) 38%,var(--line))}.example-panel{margin-top:18px;border:1px solid var(--line);padding:26px;background:var(--surface);border-radius:4px}.example-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:25px}.eyebrow{font:12px/1.5 monospace;letter-spacing:.12em;color:var(--blue)}.example-intro h3{font-size:22px;margin-top:12px;line-height:1.5}.example-intro p{font-size:15px;align-self:center;color:var(--body)}.scroll-screen{height:550px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:4px;scrollbar-width:thin}.scroll-screen .screen-button{border:0;border-radius:0}.screen-caption{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-top:14px}.three-notes{display:grid;grid-template-columns:repeat(3,1fr);margin-top:26px;gap:28px}.three-notes article{padding:20px 0;border-top:1px solid var(--line)}.three-notes b{font-size:14px;font-weight:500}.three-notes p{font-size:14px;color:var(--body);margin-top:10px}.relation-path{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:28px;margin:36px 0;background:var(--surface);border:1px solid var(--line);border-radius:4px;font-size:14px}.relation-path i{font-style:normal;color:var(--blue)}.performance-case .duo{margin-top:32px;gap:36px}.performance-case .text-column h3{margin-top:14px;font-size:22px}.performance-case .text-column p{font-size:16px}.progress-block{display:grid;grid-template-columns:1fr 1.7fr;align-items:center;gap:42px;margin-top:60px;padding-top:40px;border-top:1px solid var(--line)}.progress-block h3{font-size:28px;line-height:1.4;margin-top:15px}.progress-block p{font-size:16px;color:var(--body);margin-top:18px}.performance-case .reflection{margin-top:100px;padding:100px 0;scroll-margin-top:60px}.performance-case .reflection .section-head h2{color:#f4f5f7}.reflection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.reflection-grid article{border-top:1px solid #343841;padding-top:25px}.reflection-grid span{font:13px monospace;color:#7c9fee}.reflection-grid h3{font-size:22px;margin:20px 0 14px}.reflection-grid p{color:#a9afb9;font-size:15px}.performance-case .next-case{margin-top:90px}[data-theme=dark] .cover-stage{background:#222d44;border-color:#364564}[data-theme=dark] .cover-caption{color:#9bb6df}
@media(max-width:760px){.performance-case .scope-grid,.insight-pair,.example-intro,.three-notes,.progress-block,.reflection-grid{grid-template-columns:1fr}.performance-case .scope-card{min-height:260px}.performance-case .case-section{padding-top:72px}.cover-stage{padding:16px 12px 0}.cover-screen{height:260px}.cover-caption{font-size:12px}.cover-caption span:first-child{display:none}.chapter-nav{overflow-x:auto;justify-content:flex-start;white-space:nowrap;font-size:13px}.switcher button{padding:14px 12px;font-size:14px}.switcher button span{display:none}.example-panel{padding:16px}.example-intro{gap:14px}.scroll-screen{height:380px}.scroll-screen img{min-width:680px}.scroll-screen{overflow:auto}.screen-caption span+span{display:none}.relation-path{padding:20px 14px;gap:8px;flex-wrap:wrap;font-size:13px}.performance-case .duo{gap:26px}.reflection-grid{gap:25px}.performance-case .theme-toggle{margin-left:auto}.progress-block{gap:24px}.performance-case .section-head{gap:10px}.performance-case .section-head small{font-size:9px;letter-spacing:.04em}.workflow-tabs{gap:6px}.workflow-tabs button{font-size:12px;text-align:center}.performance-case .meta{margin-top:30px;gap:20px}.performance-case .case-hero{padding-top:112px}.performance-case .kicker{margin-top:32px}.performance-case .display.long-title{font-size:40px}.performance-case .reflection{padding:72px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Preserve native hidden state against the shared viewer's display:grid. */
.performance-case .v2-viewer-status[hidden]{display:none}