/* Family workspace skin v2. No order, grid, position or state-machine changes. */
body.arena-runtime{--family-soft-shadow:0 2px 4px #34343304,0 12px 32px #34343308;--family-ease:var(--fs-ease)}
body.arena-runtime .intro h1,body.report-mode #result-report>.report-title{font-weight:500;letter-spacing:-.055em;color:var(--fs-ink)}
body.arena-runtime :is(.map-heading h2,.voices-heading h2,.report-identity h2){letter-spacing:-.04em;color:var(--fs-ink)}
body.arena-runtime .eyebrow{font-size:11px;letter-spacing:.11em;color:#716D67}
body.arena-runtime .intro>p:last-child{color:var(--fs-ink-3)}
/* A warm outer tray and raised white writing surface: quiet, tactile separation. */
body.arena-runtime .composer{background:var(--fs-beige);border:1px solid var(--fs-sand);border-radius:32px;box-shadow:var(--family-soft-shadow)}
body.arena-runtime .composer #draft{background:#fff;border:1px solid #fff;box-shadow:0 2px 5px #34343308,0 10px 22px #34343306;border-radius:22px;transition:box-shadow .22s,border-color .22s}
body.arena-runtime .composer #draft:focus-visible{outline:0;border-color:var(--fs-blue);box-shadow:0 0 0 4px var(--fs-sky),0 8px 24px #1A88F812}
body.arena-runtime .journey{border-color:var(--fs-line)}
body.arena-runtime .journey b{border:0;background:var(--fs-sand);color:#716D67;box-shadow:inset 0 1px 2px #34343308}
body.arena-runtime .journey [aria-current] b{background:#171717;color:#fff;box-shadow:0 3px 7px #17171720}
body.arena-runtime .journey [aria-current] span{color:var(--fs-ink);font-weight:700}
body.arena-runtime .journey .complete b{background:#DDF4E7;color:#267247}
body.arena-runtime .mode-switch button{background:var(--fs-sand);border-color:transparent;color:#64615D}
body.arena-runtime .mode-switch button[aria-pressed=true]{background:#fff;color:var(--fs-ink);border-color:transparent;box-shadow:0 2px 6px #3434330c,0 0 0 1px var(--fs-line)}
body.arena-runtime .primary{background:#171717;color:#fff;border-radius:32px;box-shadow:0 3px 7px #17171718;transition:transform .2s var(--family-ease),box-shadow .2s,background-color .2s}
body.arena-runtime .primary:hover:not(:disabled){background:var(--fs-ink-2);box-shadow:0 6px 14px #17171722;transform:translateY(-2px)}
body.arena-runtime .primary:active:not(:disabled){transform:translateY(0) scale(.97);box-shadow:0 1px 3px #17171714}
body.arena-runtime .primary:disabled{box-shadow:none;background:var(--fs-sand);color:#64615D}
body.arena-runtime .quick-drafts button{background:#fff;border:0;box-shadow:0 1px 3px #3434330a;color:var(--fs-ink-3)}
body.arena-runtime .quick-drafts button[aria-pressed=true]{background:var(--fs-sky);color:#174E80;box-shadow:inset 0 0 0 1px var(--fs-blue)}
/* Report reads as a quiet paper beside a distinct outcome instrument. */
body.report-mode .source-paper{background:var(--fs-beige);border:1px solid var(--fs-sand);border-radius:24px;box-shadow:inset 0 2px 3px #34343303}
body.report-mode .verdict{background:#FFF6E3;border:1px solid #F5E8CA;border-radius:32px;box-shadow:var(--family-soft-shadow)}
body.report-mode .verdict .net-score{font-weight:500;letter-spacing:-.07em;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 #ffffff90}
body.report-mode .verdict h2{font-size:28px;letter-spacing:-.04em}
body.report-mode .verdict .result-breakdown span{padding:5px 9px;background:#ffffffa8;border-radius:10px}
body.report-mode .verdict details{border-top:1px solid #E9DDC5;padding-top:12px}
body.report-mode .verdict summary{color:var(--fs-ink-3)}
body.arena-runtime .run-info{background:#EEF6FE;border:1px solid var(--fs-sky);border-radius:18px;color:#174E80}
body.arena-runtime .map-stage{background:var(--fs-beige);border:1px solid var(--fs-sand);border-radius:32px;box-shadow:inset 0 2px 6px #34343304}
body.arena-runtime .map-caption{color:#64615D}.map-caption i{box-shadow:0 0 0 4px var(--fs-sky)}
body.arena-runtime .result-strip{background:#fff;border:1px solid var(--fs-sand);border-radius:24px;box-shadow:var(--family-soft-shadow)}
body.arena-runtime .result-strip strong{font-family:Family,Satoshi,Arial,sans-serif;font-weight:500;letter-spacing:-.045em;color:var(--fs-ink)}
/* Choice is a raised white tile; active selection has a blue inset edge. */
body.arena-runtime #lenses button{background:var(--fs-beige);border:1px solid transparent;border-radius:22px;box-shadow:inset 0 0 0 1px var(--fs-sand);transition:transform .24s var(--family-ease),background-color .24s,box-shadow .24s}
body.arena-runtime #lenses button img{box-shadow:0 0 0 3px #fff,0 3px 8px #34343320;transition:transform .3s var(--family-ease)}
body.arena-runtime #lenses button:hover{background:#fff;box-shadow:0 3px 12px #34343310;transform:translateY(-2px)}
body.arena-runtime #lenses button[aria-pressed=true]{background:#EEF6FE;color:#174E80;box-shadow:inset 4px 0 var(--fs-blue),0 0 0 1px #B4D9FA,0 4px 12px #1A88F810;transform:translateY(-2px)}
body.arena-runtime #lenses button[aria-pressed=true] img{transform:scale(1.08)}
body.arena-runtime .person-panel{background:#fff;border:1px solid var(--fs-sand);border-radius:28px;box-shadow:var(--family-soft-shadow)}
body.arena-runtime .person-panel>img{box-shadow:0 0 0 5px var(--fs-beige)}
body.arena-runtime .person-copy h3{font-size:27px;letter-spacing:-.04em}
body.arena-runtime .person-reason{background:var(--fs-beige);border:0;border-radius:16px;padding:16px}
body.arena-runtime .person-reason>strong{color:var(--fs-ink-3)}
body.arena-runtime .probabilities i{border-radius:8px}
body.arena-runtime .signal-card{border:1px solid var(--fs-sand);background:var(--fs-beige);border-radius:24px;transition:box-shadow .2s,background-color .2s}
body.arena-runtime .signal-card[open]{background:#fff;box-shadow:var(--family-soft-shadow)}
body.arena-runtime .signal-card summary .expand-symbol{color:#716D67;transition:transform .2s}
body.arena-runtime .signal-card[open] summary .expand-symbol{transform:rotate(45deg)}
body.arena-runtime .linked-bar{background:var(--fs-beige);border-color:transparent!important;border-radius:22px;box-shadow:inset 0 0 0 1px var(--fs-sand)}
body.arena-runtime .linked-bar[aria-pressed=true]{background:#EEF6FE;box-shadow:inset 4px 0 var(--fs-blue),0 0 0 1px #B4D9FA}
body.arena-runtime .report-chips button,body.arena-runtime .report-tabs button{border-radius:32px}
body.arena-runtime .activity{background:#EEF6FE;border-color:#B4D9FA;border-radius:24px;box-shadow:0 8px 28px #174E8018}
@media(prefers-reduced-motion:reduce){body.arena-runtime :is(.primary,#draft,#lenses button,#lenses button img,.signal-card,.expand-symbol){transition:none}body.arena-runtime .primary:hover:not(:disabled),body.arena-runtime #lenses button:hover,body.arena-runtime #lenses button[aria-pressed=true]{transform:none}}
/* A1 revision 1: Family Easy's dark operation surface beside light information. */
body.arena-runtime .composer{background:#171717;border-color:#171717;color:#fff;box-shadow:0 12px 32px #17171716}
body.arena-runtime .composer :is(label,.journey [aria-current] span){color:#fff}
body.arena-runtime .composer :is(.input-note,.composer-foot>span,.quick-drafts>span){color:#B8B6B2}
body.arena-runtime .composer .journey{border-color:#3B3B39}
body.arena-runtime .composer .journey b{background:#30302E;color:#B8B6B2;box-shadow:none}
body.arena-runtime .composer .journey [aria-current] b{background:#fff;color:#171717}
body.arena-runtime .composer .journey .complete b{background:#DDF4E7;color:#267247}
body.arena-runtime .composer .mode-switch button{background:#30302E;color:#C9C7C3;border-color:transparent}
body.arena-runtime .composer .mode-switch button[aria-pressed=true]{background:#fff;color:#171717;box-shadow:none}
body.arena-runtime .composer #draft{background:#242423;color:#fff;border-color:#444440;box-shadow:inset 0 2px 6px #00000018}
body.arena-runtime .composer #draft::placeholder{color:#A8A6A2}
body.arena-runtime .composer #draft:focus-visible{border-color:#7DC1FF;box-shadow:0 0 0 3px #1A88F840}
body.arena-runtime .composer .quick-drafts button{background:#30302E;color:#D6D4D0;box-shadow:none}
body.arena-runtime .composer .quick-drafts button[aria-pressed=true]{background:var(--fs-sky);color:#174E80}
body.arena-runtime .composer .primary{background:#fff;color:#171717;border-color:#fff;box-shadow:0 4px 12px #00000020}
body.arena-runtime .composer .primary:hover:not(:disabled){background:var(--fs-sky);color:#174E80}
body.arena-runtime .composer .primary:disabled{background:#444440;color:#B8B6B2;border-color:#444440;box-shadow:none}
body.arena-runtime .composer #edit-input{border-color:#575752;color:#fff}
/* The existing six-choice surface is the dark control bank; detail stays white. */
body.arena-runtime #lenses{background:#171717;border:8px solid #171717;border-radius:28px;box-shadow:0 8px 24px #17171712}
body.arena-runtime #lenses button{background:#2B2B29;color:#D6D4D0;border-color:transparent;box-shadow:none;border-radius:16px}
body.arena-runtime #lenses button:hover{background:#3A3A37;color:#fff;box-shadow:none}
body.arena-runtime #lenses button img{box-shadow:0 0 0 3px #444440}
body.arena-runtime #lenses button[aria-pressed=true]{background:#fff;color:#171717;box-shadow:inset 4px 0 var(--fs-blue),0 3px 10px #00000024}
body.arena-runtime #lenses button[aria-pressed=true] img{box-shadow:0 0 0 3px var(--fs-sky)}
body.arena-runtime .report-tabs{background:#171717;border-radius:32px}
body.arena-runtime .report-tabs button{color:#D6D4D0}
body.arena-runtime .report-tabs button[aria-pressed=true]{background:#fff;color:#171717}
body.arena-runtime .composer #save{background:#fff;color:#171717;border-color:#fff}
body.arena-runtime .composer #save:hover:not(:disabled){background:var(--fs-sky);color:#174E80}
body.arena-runtime .composer #save:disabled{background:#444440;color:#B8B6B2;border-color:#444440}
body.arena-runtime .composer .journey span{color:#B8B6B2}
body.arena-runtime .composer .journey [aria-current] span{color:#fff}
