/* Task-first workspace adaptation. Existing DOM, events and model state are retained. */
body.arena-runtime main{max-width:1240px;display:block;padding:40px 40px 64px}
body:not(.report-mode) .input-column{display:grid;grid-template-columns:1fr 1fr;gap:24px}
body:not(.report-mode) .intro{grid-column:1/-1;text-align:center;margin:0 auto;max-width:760px}
body:not(.report-mode) .intro h1{font-size:56px;line-height:1.08;letter-spacing:-.045em}
body:not(.report-mode) .intro>p:last-child{max-width:none;margin-bottom:0}
body:not(.report-mode) .composer{grid-column:1/-1;width:min(100%,760px);justify-self:center;margin:0;padding:28px;box-shadow:0 4px 24px #3434330a}
body:not(.report-mode) .composer #draft{min-height:160px}
body:not(.report-mode) .composer-foot{flex-direction:row;align-items:center;justify-content:space-between}
body:not(.report-mode) .live-feed{grid-column:1/-1;margin:20px 0 0}
#signal-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.signal-card{margin:0;padding:8px 16px;background:#F6F4EF;border-color:transparent}
.signal-card[open]{background:#fff;box-shadow:0 3px 18px #34343312;border-color:#E4DFD4}
body:not(.report-mode) .input-column>.section-title,body:not(.report-mode) .reactions,body:not(.report-mode) .data-note{grid-column:1/-1;margin:0}
body:not(.report-mode) .input-column>.section-title{margin-top:18px}
body.arena-runtime .town-column{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px 28px;margin-top:32px;align-items:start}
body.arena-runtime .map-dock{grid-column:1;grid-row:1/5;position:static;padding:0;background:transparent}
body.arena-runtime .voices-heading{grid-column:2;grid-row:1}
body.arena-runtime #lenses{grid-column:2;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));margin:0!important}
body.arena-runtime .person-panel{grid-column:2;grid-row:3;margin:0!important}
body.arena-runtime .town-bottom{grid-column:2;grid-row:4}
body.arena-runtime .map-dock #grid{width:100%;max-width:540px;min-width:0}
.map-heading h2{font-size:30px}.voices-heading h2{font-size:26px;line-height:1.2}
body.arena-runtime .map-stage{background:#F6F4EF;border:0;box-shadow:inset 0 0 0 1px #E4DFD4}
body.arena-runtime #lenses button{min-height:64px;background:#fff;box-shadow:0 2px 10px #34343308}
body.arena-runtime #lenses button[aria-pressed=true]{background:#D8ECFC;box-shadow:0 0 0 2px #1A88F8;border-color:transparent;transform:translateY(-2px)}
body.arena-runtime .result-strip{background:#fff;border:1px solid #E4DFD4;border-radius:20px;padding:18px 12px;margin-top:14px}
/* Saved report: identity -> story and verdict -> exploration -> supporting breakdown. */
body.report-mode main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 28px}
body.report-mode .input-column,body.report-mode #result-report{display:contents}
body.report-mode .result-nav{grid-column:1/-1;grid-row:1;margin:0}
body.report-mode #result-report>.eyebrow{grid-column:1/-1;grid-row:2;margin:0}
body.report-mode #result-report>.report-title{grid-column:1;grid-row:3;margin:0!important;font-size:42px!important;align-self:center}
body.report-mode .report-identity{grid-column:2;grid-row:3;margin:0;padding:0 0 0 24px;border:0;border-left:1px solid #E4DFD4}
body.report-mode .narrative-in-report{grid-column:1;grid-row:4;margin:0;align-self:start}
body.report-mode .verdict{grid-column:2;grid-row:4;margin:0!important;padding:28px;align-self:start;background:#FFF6E3}
body.report-mode .town-column{grid-column:1/-1;grid-row:5;margin:12px 0 0;padding-top:28px;border-top:1px solid #E4DFD4}
body.report-mode .reaction-breakdown{grid-column:1/-1;grid-row:6}
body.report-mode .report-block{grid-column:1/-1;grid-row:7;padding:8px 0}
body.report-mode .report-follow{grid-column:1/-1;grid-row:8;margin:0}
body.report-mode .linked-bar{display:inline-block;width:calc(50% - 8px);vertical-align:top;margin:6px 4px!important}
body.report-mode .source-paper{padding:24px;background:#F6F4EF}
/* Adapted feedback: stable surfaces, local selection and disclosure response. */
#lenses button,.signal-card,.linked-bar{transition:background-color .2s,box-shadow .2s,transform .2s}
button:active:not(:disabled){transform:scale(.98)}
details[open]>.source-paper,details[open]>.signal-full,details[open]>.report-chips{animation:workspace-reveal .22s ease-out}
@keyframes workspace-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:760px){
 body.arena-runtime main{padding:24px 20px 40px}
 body:not(.report-mode) .intro h1{font-size:40px}
 body:not(.report-mode) .composer{padding:20px}
 body:not(.report-mode) .composer-foot{flex-direction:column;align-items:stretch}
 #signal-list{grid-template-columns:1fr}
 body.arena-runtime .town-column{display:flex;flex-direction:column;gap:20px}
 body.arena-runtime .town-column>*{width:100%}
 body.arena-runtime #lenses{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.report-mode main{display:flex;flex-direction:column;gap:20px}
 body.report-mode .result-nav{order:0}
 body.report-mode #result-report>.eyebrow{order:1}
 body.report-mode #result-report>.report-title{order:2;font-size:34px!important}
 body.report-mode .report-identity{order:3;border:0;padding:0}
 body.report-mode .narrative-in-report{order:4;width:100%}
 body.report-mode .verdict{order:5;width:100%}
 body.report-mode .town-column{order:6}
 body.report-mode .reaction-breakdown{order:7}
 body.report-mode .report-block{order:8}
 body.report-mode .report-follow{order:9}
 body.report-mode .linked-bar{width:100%;margin:6px 0!important}
}
@media(prefers-reduced-motion:reduce){#lenses button,.signal-card,.linked-bar{transition:none}details[open]>.source-paper,details[open]>.signal-full,details[open]>.report-chips{animation:none}}
/* Override the old mobile flattened report ordering at equal specificity. */
@media(max-width:760px){body.report-mode #result-report>.reaction-breakdown{order:7}body.report-mode #result-report>.report-block{order:8}body.report-mode #result-report>.report-follow{order:9}}