/* CLOUDSTAR-002.1: hierarchy/readability only. Existing visual system stays. */
h1{font-size:38px;letter-spacing:-1.3px}.question-full{font-size:15px}
.prototype-diagnostics{border:0;margin:0 0 0 20px;padding:0;position:relative}
.prototype-diagnostics>summary{font-size:11px;min-height:40px;display:flex;align-items:center;color:var(--muted)}
.prototype-diagnostics>summary:after{content:' ▾';margin-left:6px}
.prototype-diagnostics[open]{min-width:215px}.prototype-diagnostics .renderer-choice{display:block;margin:0;font-size:11px}
.prototype-diagnostics p,.prototype-diagnostics output{font-size:10px;display:block;max-width:220px;margin:8px 0;color:var(--muted)}
.prototype-diagnostics select{margin:0 0 0 8px}
.role-tools{margin:20px 0;padding:16px 0;border-top:1px solid var(--line)}
.role-tools h3{margin:0 0 12px}.role-tools label{font-size:12px;display:grid;gap:6px;margin:12px 0}
#panel-experiments{max-height:none;overflow:visible}
textarea{font:inherit;color:var(--text);background:var(--paper);border:1px solid var(--line);padding:9px;resize:vertical;max-width:100%}
textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.role-tools .small{font-size:11px;margin:9px 0}.role-tools .text-button{display:block}
.layer-explanation{font-size:12px;color:var(--muted);max-width:640px;padding:13px 0}
.layer-explanation strong{font-weight:500;color:var(--text);display:block;margin-bottom:4px}
.layer-explanation small{display:block;font-size:10px;margin-top:6px}
.split-controls{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding:12px 0}
.split-controls label{display:flex;align-items:center;gap:15px}.split-controls input{width:160px}.split-controls output{display:block;margin-top:6px}
.split-controls p{font-size:10px;margin:7px 0 0;max-width:470px}
.memory-route{font-size:11px!important;border-left:1px solid var(--line);padding-left:12px}
#memory li>span{display:block;font-size:10px;letter-spacing:1px;color:var(--accent);margin:4px 0}
#memory li p{font-size:12px;margin:8px 0}#memory li strong{font-weight:500}
#raw-events{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;line-height:1.6;max-height:400px;overflow:auto}
#scope-hashes{overflow-wrap:anywhere;font-size:10px}
body[data-expanded=false] .intro-foot,body[data-expanded=false] #ask{display:none}
body[data-expanded=false] .introduction{min-height:0}
body[data-expanded=false] .workbench .finding{margin-bottom:24px}
body[data-expanded=false] .inspection-controls{border-top:1px solid var(--line)}
.pearl .viewport{background:#eceae3}
@media(min-width:1650px){h1{font-size:44px}}
@media(max-width:900px){.introduction h1{font-size:34px}.question-full{font-size:15px}}
@media(max-width:650px){.introduction h1{font-size:32px;line-height:1.13}.prototype-diagnostics{margin-left:0}.prototype-diagnostics>summary{font-size:9px}.prototype-diagnostics[open]{min-width:132px}.prototype-diagnostics .renderer-choice{font-size:9px}.prototype-diagnostics select{margin:5px 0 0;width:125px}.prototype-diagnostics p,.prototype-diagnostics output{font-size:9px;max-width:132px}.role-tools label{font-size:12px}.question-full{font-size:14px}}