.case-intro{max-width:1240px;margin:0 auto;padding-top:clamp(48px,8vw,96px)!important}.case-intro h1{max-width:22ch;margin-top:16px;font-size:clamp(2.2rem,4.6vw,3.9rem)}.case-dated{border-left:2px solid var(--highlight);background:var(--surface);max-width:46rem;color:var(--soft);border-radius:0 6px 6px 0;margin:24px 0 0;padding:14px 18px}.case-dated strong{color:var(--fg)}.case{margin-top:clamp(32px,5vw,64px)}.case .tour-body{grid-template:"steps stage"/minmax(22rem,.95fr) minmax(0,1.35fr)}.case-note{color:var(--muted);text-align:right;margin:10px 0 0;font-size:.85rem}.case-steps>li{opacity:.5;min-height:92vh;padding:40px 0}.case-steps>li:last-child{min-height:80vh}.case-steps li li{opacity:1;min-height:0;padding:0;display:list-item}.case-steps h2{margin-top:10px;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.1}.case-steps p,.case-steps li li{color:var(--soft)}.case-steps p{margin:14px 0 0}.case-steps strong,.case-steps em{color:var(--fg)}.case-steps .tour-ask{margin-top:16px}.case-table{margin:18px 0 0;overflow-x:auto}.case-table table{border-collapse:collapse;width:100%;font:400 .86rem/1.35 var(--mono)}.case-table th,.case-table td{text-align:right;border-bottom:1px solid var(--rule);white-space:nowrap;padding:7px 8px}.case-table thead th{font:600 .75rem var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.case-table th:first-child,.case-table td:first-child{text-align:left;padding-left:0}.case-table tbody th{color:var(--fg);font-weight:700}.case-table td{color:var(--soft)}.case-table tr.picked th,.case-table tr.picked td{color:var(--highlight)}.case-table td.loss{color:var(--bad)}.case-table td.gain{color:var(--good)}.case-facts{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:12px;margin:18px 0 0;display:grid}.case-facts div{background:var(--surface);border:1px solid var(--rule);border-radius:6px;padding:10px 12px}.case-facts dt{font:600 .72rem var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.case-facts dd{font:700 1rem/1.3 var(--mono);color:var(--fg);margin:4px 0 0}.case-facts dd span{color:var(--soft);font-size:.8rem;font-weight:400;display:block}.case-aside{border:1px dashed var(--rule);border-radius:6px;padding:12px 14px}.case-limits{margin:16px 0 0;padding-left:1.1em}.case-limits li{margin-top:8px}.case-asks{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.case-ask{text-align:left;width:100%;font:500 .92rem/1.45 var(--mono);color:var(--fg);background:var(--surface);border:1px solid var(--rule);border-left:2px solid var(--highlight);cursor:copy;border-radius:0 6px 6px 0;padding:10px 12px}.case-ask:hover{border-color:var(--soft);border-left-color:var(--highlight)}.case-copied{min-height:1.5em;font-size:.9rem;color:var(--good)!important}.case-small{font-size:.85rem;color:var(--muted)!important}.case-more{font-size:.92rem}@media (width<=1280px){.case #app{height:44vh}.case-note{display:none}.case-steps>li,.case-steps>li:last-child{min-height:0;padding:32px 0}.case-steps li>p:not(.tour-kicker,.tour-ask,.tour-more){display:block}.case-intro h1{max-width:none}}@media (width<=900px){.case #app{height:38vh}}@media (width<=560px){.bar nav a[href="/#demo"],.bar nav a[href="/guides/"],.try-long{display:none}}
