header,main{max-width:1280px;width:100%;padding:16px clamp(16px,2.5vw,48px)}body{font-size:15px}.sandbox-intro{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:20px 0}.sandbox-intro h1{font-size:clamp(28px,3vw,42px);margin:8px 0 12px}.sandbox-intro .lead{max-width:640px;margin:0}.demo-note{max-width:340px;border-left:2px solid var(--orange);padding-left:20px;color:var(--muted);font-size:13px}.demo-note strong{color:var(--text)}.demo-note p{margin-bottom:0}#access-badge{font-size:13px;color:var(--orange);text-align:right}.mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;border:0;margin:10px 0 18px;overflow:visible}.mode-tabs button{white-space:normal;text-align:left;padding:14px;background:var(--panel);font-weight:400}.mode-tabs strong{display:block;font-size:15px;margin-bottom:6px}.mode-tabs span{font-size:12px;display:block}.sandbox-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:18px;align-items:start}.sandbox-grid .panel{padding:20px}.answer{position:sticky;top:16px;min-height:320px;border-top:3px solid var(--orange)}.answer h2{font-size:24px}.answer ul{padding-left:22px}.answer li{margin-bottom:14px}.evidence-summary{padding:14px 16px;border:1px solid var(--line);border-radius:7px;margin:12px 0}.evidence-summary strong{font-size:15px}.evidence-summary p{font-size:14px;color:var(--muted);margin:6px 0 0}.plain-toggle{display:flex;align-items:flex-start;gap:12px;padding:18px;background:#2b2016;border:1px solid #86522f;border-radius:8px}.plain-toggle input{width:22px;height:22px;accent-color:var(--orange);flex-shrink:0}.plain-toggle small{display:block;margin-top:6px;color:var(--muted)}.sample-explanation{padding:18px;border-left:3px solid var(--orange);background:#201a13;margin:20px 0}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.metric{padding:14px;background:#211c15;border:1px solid var(--line);border-radius:8px}.metric strong{display:block;font-size:22px;color:var(--orange)}.metric span{font-size:13px;color:var(--muted)}.next-step{border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}#comparison{color:var(--orange)}#verification{font-size:13px;color:var(--muted)}.technical{margin-top:10px}.technical summary{font-size:17px;color:var(--orange)}.technical details>p{max-width:100ch}.score-card{border:1px solid var(--line);padding:16px;margin:12px 0;border-radius:8px}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.governance{padding:20px 0;max-width:1050px}#invite-form{max-width:650px}#invite-code{flex:1;margin:0;min-width:150px}#status{min-height:28px;font-size:15px}#volume-label{display:block;color:var(--orange)}input[type=range]{padding:0;accent-color:var(--orange)}#case-results{overflow:auto}#case-results td,#case-results th{font-size:13px}footer{margin-top:25px}button{font-size:15px}#workspace[aria-busy=true] .answer{opacity:.65}@media(max-width:1000px){.sandbox-grid{grid-template-columns:1fr}.answer{position:static;min-height:250px}.score-grid{grid-template-columns:repeat(2,1fr)}.demo-note{max-width:300px}.mode-tabs{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.sandbox-intro{display:block}.demo-note{max-width:none;margin-top:24px}.mode-tabs{grid-template-columns:1fr}.mode-tabs button{padding:15px}.sandbox-grid .panel{padding:20px}.metric-grid,.score-grid{grid-template-columns:1fr}header{gap:18px}.brand{font-size:13px}#access-badge{font-size:11px}.answer h2{font-size:27px}}
/* Plain-English help stays readable without crowding the primary controls. */
.walkthrough{border:1px solid var(--line);border-radius:10px;padding:14px 20px;margin:0 0 18px;max-width:1100px}.walkthrough h2{margin-top:0}.walkthrough li{margin:6px 0}dt{font-weight:700;color:var(--text);margin-top:18px}dd{margin:6px 0 16px;max-width:95ch;color:var(--muted)}#receipt,#submitted-input{overflow-wrap:anywhere;white-space:pre-wrap}button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:4px}#technical-status{min-height:1.5em;color:var(--orange)}
.record-view{display:grid;gap:8px;margin:14px 0}
.record-row{display:grid;grid-template-columns:minmax(0,170px) minmax(0,1fr);gap:12px;align-items:baseline;padding:8px 10px;background:#211c15;border:1px solid var(--line);border-radius:8px}
.record-row span{color:var(--muted);font-size:12px}
.record-row code{font-size:12px;overflow-wrap:anywhere;white-space:normal}

/* Compact presentation framing, matched to the owner-selected original demo. */
header{padding-top:10px;padding-bottom:10px}.brand img{width:30px;height:34px}.brand{font-size:12px;gap:10px}.brand small{font-size:8px}
.sandbox-intro{padding:12px 0;gap:24px}.sandbox-intro .eyebrow{margin:0 0 6px;font-size:10px}.sandbox-intro h1{font-size:28px;margin:4px 0 8px}.sandbox-intro .lead{font-size:14px;max-width:660px;margin:0}.demo-note{font-size:11px;padding-left:14px;max-width:300px}.demo-note p{margin:4px 0 0}
.mode-tabs{margin:8px 0 12px;gap:8px}.mode-tabs button{padding:10px 12px}.mode-tabs strong{font-size:14px;margin-bottom:4px}.mode-tabs span{font-size:11px}
.quick-guide{padding:9px 14px;margin:0 0 10px;max-width:none}.quick-guide summary{font-size:13px;color:var(--muted)}.quick-guide[open] summary{color:var(--text);margin-bottom:12px}.quick-guide p,.quick-guide li{font-size:13px}
.mode-purpose{padding:0;border:0;border-radius:0;margin:0 0 12px;max-width:none;display:flex;gap:16px;align-items:baseline}.mode-purpose h2{font-size:16px;margin:0;flex-shrink:0}.mode-purpose p{font-size:12px;color:var(--muted);margin:0}
.sandbox-grid{gap:16px}.sandbox-grid .panel{padding:16px}.sandbox-grid h2{font-size:21px;margin:8px 0 12px}.sandbox-grid .eyebrow{font-size:10px;margin:0 0 6px}.sandbox-grid .controls>p:not(.eyebrow){font-size:13px}.answer{min-height:280px}.sandbox-grid label{margin:10px 0;font-size:12px}.sandbox-grid select{font-size:13px;padding:8px}.sample-explanation{padding:12px;margin:12px 0;font-size:13px}.sample-explanation p{margin:6px 0}.sandbox-grid .actions{margin:12px 0}.sandbox-grid button{font-size:13px;padding:10px 12px}
@media(max-width:1000px){.mode-purpose{display:block}.mode-purpose h2{margin-bottom:6px}.demo-note{max-width:250px}}
@media(max-width:680px){.sandbox-intro h1{font-size:28px}.demo-note{margin-top:14px;max-width:none}.mode-tabs{grid-template-columns:repeat(2,1fr)}.mode-tabs button{padding:10px}.mode-purpose h2{font-size:16px}.sandbox-grid .panel{padding:16px}}

@media(min-width:1001px){header{padding-top:7px;padding-bottom:7px}.sandbox-intro{padding:8px 0}.sandbox-intro h1{font-size:26px}.sandbox-intro .lead{font-size:13px}.demo-note{font-size:10px}.mode-tabs button{padding:8px 10px}.mode-tabs strong{font-size:13px;margin-bottom:2px}.mode-tabs span{font-size:10px}.quick-guide{padding:6px 12px;margin-bottom:8px}.quick-guide summary{font-size:12px}.mode-purpose{gap:12px;margin-bottom:10px}.mode-purpose h2{font-size:14px}.mode-purpose p{font-size:11px}.sandbox-grid .panel{padding:14px}.sandbox-grid .controls>p:not(.eyebrow){margin:6px 0 10px}.evidence-summary{padding:10px 12px;margin:8px 0}.evidence-summary p{font-size:12px}.plain-toggle{padding:12px}.plain-toggle small{font-size:11px}.workload-assumptions{margin:8px 0}.workload-assumptions summary{font-size:11px;color:var(--muted)}.workload-assumptions p{font-size:11px}.sample-explanation{padding:10px;margin:10px 0;font-size:12px}}