.case-main{padding-top:54px;padding-bottom:72px}.case-intro{max-width:900px;margin-bottom:28px}.case-intro h1{font-size:clamp(28px,3.5vw,42px);letter-spacing:-.03em;margin-bottom:18px}.case-intro>p:not(.eyebrow){color:var(--muted);font-size:15px;max-width:800px}.case-intro .notice{max-width:none}.case-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}.control-panel,.result-panel{min-width:0;background:#fff;border:1px solid var(--border);border-radius:10px;padding:25px}.control-panel h2,.result-panel h2{font-size:20px;margin-bottom:16px}.control-panel h3,.result-panel h3{font-size:16px;margin:20px 0 12px}.control-panel .button{font-size:12px;padding:10px 13px}.field{display:grid;gap:7px;margin-block:14px}.field label,.field>span{font-size:13px;color:var(--muted)}input:not([type=range]),select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #bcc8be;border-radius:5px;background:#fff;color:var(--text);font-size:14px}input[type=range]{width:100%;accent-color:var(--primary)}input[aria-invalid=true]{border-color:#ab3636}.field-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block:20px}.metric{padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:7px;min-width:0}.metric small,.metric-label{color:var(--muted);font-size:12px;display:block}.metric strong{display:block;font:600 24px/1.6 var(--font-mono);color:var(--primary)}.metric p{font-size:12px;color:var(--muted)}.chart-wrap{border:1px solid var(--border);background:#fff;padding:16px;border-radius:8px;margin-block:20px;overflow:hidden}.chart-wrap svg{display:block;width:100%;height:auto}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:7px;margin:20px 0;max-width:100%}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th,td{padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}th{background:var(--surface-2);font-weight:600}tr:last-child td{border-bottom:0}.case-section{margin-top:44px;padding-top:32px;border-top:1px solid var(--border)}.case-section h2{font-size:24px;margin-bottom:18px}.case-section h3{font-size:17px;margin:20px 0 10px}.case-section p,.case-section li{font-size:14px;color:var(--muted)}.case-section ul,.case-section ol{padding-left:22px}.status{font-size:13px;color:var(--primary);margin:12px 0}.legend{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:12px}.case-main details{border:1px solid var(--border);background:#fff;border-radius:7px;padding:16px 20px;margin-block:18px}.case-main summary{font-size:14px;font-weight:600;cursor:pointer}.case-main details p{font-size:13px;margin-top:14px;color:var(--muted)}.case-main code{font:12px/1.8 var(--font-mono);overflow-wrap:anywhere}.case-main [hidden]{display:none!important}
@media(max-width:1000px){.case-grid{grid-template-columns:280px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-panel,.result-panel{padding:20px}}
@media(max-width:760px){.case-main{padding-top:34px}.case-grid{grid-template-columns:1fr}.case-intro h1{font-size:29px}.case-intro>p:not(.eyebrow){font-size:14px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-wrap{padding:8px}.metric{padding:12px}.metric strong{font-size:21px}th,td{padding:10px;font-size:12px}}
.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-main .section-heading{display:block}.case-main .section-heading h2{font-size:24px;margin-bottom:15px}.case-main .section-heading .eyebrow{font-size:12px}.case-main .control-panel .section-heading h2,.case-main .result-panel .section-heading h2{font-size:20px}