/* ---- Studio interior 2026-09-30. DEC-341 exact palette: #0A0A0A #FFFFFF #FDB016 #1EB789 #6163AD #F0505A; tints are alpha of the same values. No inserted kashida, no justification. ---- */
:root{
 --bg:#0A0A0A;--ink:#FFFFFF;--gold:#FDB016;--green:#1EB789;--purple:#6163AD;--coral:#F0505A;
 --ink-2:rgba(255,255,255,.70);--ink-3:rgba(255,255,255,.56);
 --panel:rgba(255,255,255,.04);--raised:rgba(255,255,255,.065);--line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.14);
 --text:rgba(255,255,255,.88);--text-strong:rgba(255,255,255,.95);
 --gold-8:rgba(253,176,22,.08);--gold-30:rgba(253,176,22,.30);--green-10:rgba(30,183,137,.10);--green-35:rgba(30,183,137,.35);
 --coral-10:rgba(240,80,90,.10);--coral-40:rgba(240,80,90,.40);--purple-14:rgba(97,99,173,.14);--purple-45:rgba(97,99,173,.45);
 --rail:92px;--dock:68px;--gutter:clamp(16px,3vw,36px);--radius:16px;--radius-sm:10px;
 --t-xs:14px;--t-sm:15px;--t-md:17px;--t-lg:19px;--t-xl:23px;--t-2xl:28px;
 color-scheme:dark;font-size:17px;line-height:1.65;
}
*{box-sizing:border-box}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-size:var(--t-md);min-height:100dvh;font-variant-numeric:lining-nums tabular-nums;overflow-wrap:break-word}
[hidden]{display:none!important}
h1,h2,h3,h4,p,dl,dd,dt,ul,ol,figure{margin:0}
h1,h2,h3,h4{font-weight:600;line-height:1.35;text-wrap:balance}
h1,h2,h3{color:var(--text-strong)}
p,li,dd,button,label,summary{text-wrap:pretty}
ul,ol{padding:0;list-style:none}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0;touch-action:manipulation}
button:disabled{cursor:not-allowed;opacity:.55}
a{color:var(--gold)}
:where(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.skip{position:fixed;top:-100px;inset-inline-start:16px;z-index:40;background:var(--bg);color:var(--ink);padding:12px 16px;border:1px solid var(--line-2);border-radius:10px}.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.latin-digits,bdi[dir=ltr],.mono{font-family:OwnerLatin,"Plus Jakarta Sans",system-ui,sans-serif;font-variant-numeric:lining-nums tabular-nums}
bdi{unicode-bidi:isolate}
.tail-pair{white-space:nowrap}.tail-pair.allow-wrap{white-space:normal}
time{white-space:nowrap}
.literal{overflow-wrap:anywhere;direction:ltr;unicode-bidi:isolate;text-align:start}

/* ---- Application frame: rail on the inline-start edge, dock on phones ---- */
body.app{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);min-height:100dvh}
body.app.prompter-view{grid-template-columns:var(--rail) minmax(0,1fr)}
.rail{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:18px 10px;border-inline-end:1px solid var(--line);background:var(--bg);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
.rail>*{flex:none}
.rail-brand{display:grid;place-items:center;gap:6px;padding:6px 0 18px;color:var(--ink)}
.rail-mark{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-size:22px;font-weight:600;line-height:1}
.rail-mark img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.rail-mark:has(img){overflow:hidden}
.profile-photo{display:flex;align-items:center;gap:16px}
.profile-photo .rail-mark{width:72px;height:72px;font-size:32px;flex:0 0 auto}
.rail-brand small{font-size:var(--t-xs);color:var(--ink-3);letter-spacing:.02em}
.rail nav{display:grid;gap:4px}
.rail nav button,.dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:58px;border-radius:12px;color:var(--ink-2);font-size:var(--t-xs);line-height:1.25;position:relative;padding:8px 4px}
.rail nav button:hover{background:var(--panel);color:var(--ink)}
.rail nav button[aria-current=page],.dock button[aria-current=page]{color:var(--gold)}
.rail nav button[aria-current=page]::before{content:"";position:absolute;inset-block:14px;inset-inline-start:-10px;width:3px;border-radius:3px;background:var(--gold)}
.nav-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.rail-foot{margin-top:auto;display:grid;gap:8px;justify-items:center;font-size:var(--t-xs);color:var(--ink-3);text-align:center}
.rail-foot .session-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--ink-2)}
.rail-foot button{min-height:40px;padding:6px 10px;border-radius:10px;color:var(--ink-2);border:1px solid transparent;font-size:var(--t-xs)}
.rail-foot button:hover{border-color:var(--line-2);color:var(--ink)}
.dock{display:none}
.workspace{min-width:0;display:flex;flex-direction:column;min-height:100dvh}
.workspace>main{flex:1;width:100%;max-width:1180px;margin-inline:auto;padding:0 var(--gutter) 56px;outline:none}
.workspace>footer{padding:14px var(--gutter);border-top:1px solid var(--line);font-size:var(--t-xs);color:var(--ink-3);max-width:1180px;width:100%;margin-inline:auto}
.topbar{position:sticky;top:0;z-index:20;background:rgba(10,10,10,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.topbar-inner{max-width:1180px;margin-inline:auto;padding:16px var(--gutter) 12px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.topbar .eyebrow{font-size:var(--t-xs);color:var(--gold);margin-bottom:2px}
.topbar h1{font-size:clamp(22px,2.4vw,28px)}
.page-hint{margin-top:2px;font-size:var(--t-sm);color:var(--ink-2)}
.truth{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:var(--t-xs);color:var(--ink-2)}
.truth span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.truth i{width:8px;height:8px;border-radius:50%;background:var(--ink-3);flex:none;font-style:normal}
.truth [data-tone=green] i{background:var(--green)}.truth [data-tone=gold] i{background:var(--gold)}.truth [data-tone=coral] i{background:var(--coral)}
/* 2026-10-17 WP2 (DESIGN.md section 4.7): one live pill fed by the pulse, a tap lists every source with its own age */
.truth{position:relative}
.truth-pill{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid var(--line-2);background:var(--panel);color:var(--ink-2);font:inherit;cursor:pointer}
.truth-pill:hover,.truth-pill[aria-expanded=true]{border-color:var(--gold)}
.truth-pop{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:30;min-width:240px;max-width:min(340px,calc(100vw - 32px));padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--bg);box-shadow:0 12px 32px rgba(10,10,10,.6)}
.truth-lines{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.truth-lines li{display:flex;justify-content:space-between;gap:12px}
.truth-ledger{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
/* 2026-10-17 WP2 fix round (section 5.3): the pill and the popover show the state glyph in its colour, never a colour alone */
.truth .truth-pill i,.truth .truth-lines i{width:auto;height:auto;border-radius:0;background:none;color:var(--ink-3);font-size:var(--t-xs);line-height:1}
.truth .truth-pill [data-tone=green] i,.truth .truth-lines [data-st=done] i{color:var(--green)}
.truth .truth-pill [data-tone=gold] i,.truth .truth-lines [data-st=old] i{color:var(--gold)}
.truth .truth-pill [data-tone=coral] i,.truth .truth-lines [data-st=stop] i{color:var(--coral)}
/* «فيه تحديث · حدّث»: a panel that waits because you are typing in it */
.panel-note{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--gold-30);background:var(--gold-8);font-size:var(--t-sm);color:var(--ink)}
.panel-note .btn{min-height:36px;padding:4px 12px}
.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 16px;border-radius:12px;border:1px solid var(--line-2);color:var(--ink);background:var(--panel);font-size:15px;text-decoration:none;white-space:nowrap}
.btn:hover{border-color:var(--gold)}
.btn-primary{background:var(--gold);border-color:var(--gold);color:var(--bg);font-weight:600}
.btn-primary:hover{filter:brightness(1.05)}
.btn-quiet{background:transparent;border-color:transparent;color:var(--ink-2)}
.btn-quiet:hover{border-color:var(--line-2);color:var(--ink)}
.btn-wide{width:100%}
.btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---- Blocks: typographic sections with a hairline rhythm, boxes only where authority matters ---- */
.page{display:grid;gap:34px;padding-top:26px;align-content:start}
.block{display:grid;gap:14px;min-width:0}
.block-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid var(--line)}
.block-head h2{font-size:var(--t-lg);display:flex;align-items:center;gap:10px}
.block-head h3{font-size:var(--t-md);font-weight:500}
.block-head h2::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--line-2);flex:none}
.block[data-tone=gold] .block-head h2::before{background:var(--gold)}
.block[data-tone=green] .block-head h2::before{background:var(--green)}
.block[data-tone=coral] .block-head h2::before{background:var(--coral)}
.block[data-tone=purple] .block-head h2::before{background:var(--purple)}
.block-head .meta{font-size:var(--t-xs);color:var(--ink-2)}
.lead{color:var(--ink-2);font-size:var(--t-sm)}
.empty{padding:22px 18px;border:1px dashed var(--line-2);border-radius:var(--radius);color:var(--ink-2);font-size:var(--t-sm);text-align:center}
.note{font-size:var(--t-xs);color:var(--ink-2)}
.rows{display:grid}
.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);min-width:0}
.row:last-child{border-bottom:0}
.row h3,.row h4{font-size:var(--t-md);font-weight:500}
.row .sub{font-size:var(--t-xs);color:var(--ink-2);display:flex;gap:8px;flex-wrap:wrap}
.row .go{grid-column:2;grid-row:1/3}
.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;border:1px solid var(--line-2);font-size:var(--t-xs);line-height:1.6;color:var(--ink);white-space:nowrap}
.chip-gold{background:var(--gold);border-color:var(--gold);color:var(--bg);font-weight:600}
.chip-green{background:var(--green);border-color:var(--green);color:var(--bg);font-weight:600}
.chip-coral{background:var(--coral);border-color:var(--coral);color:var(--bg);font-weight:600}
.chip-purple{background:var(--purple);border-color:var(--purple);color:var(--ink);font-weight:600}
.chip-line{background:var(--raised)}
.chip-gold-soft{background:var(--gold-8);border-color:var(--gold-30);color:var(--gold)}
.chip-green-soft{background:var(--green-10);border-color:var(--green-35);color:var(--green)}
.chip-coral-soft{background:var(--coral-10);border-color:var(--coral-40);color:var(--coral)}
.kv{display:grid;gap:10px}
.kv>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:6px 14px;font-size:var(--t-sm);align-items:baseline}
.kv dt{color:var(--ink-2)}.kv dd{overflow-wrap:anywhere}
pre.source-text,.reader-text{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.9;margin:0}
pre.source-text{font-size:var(--t-sm);color:var(--ink-2);direction:ltr;text-align:left;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);max-height:420px;overflow:auto}
.reader-text{font-size:var(--t-lg);line-height:2.1;padding:20px 0;border-block:1px solid var(--line)}
details.fold>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;color:var(--ink-2);font-size:var(--t-sm)}
details.fold>summary::-webkit-details-marker{display:none}
/* D11: closed points to inline-end (◀ in RTL), open points down; same convention as the native marker */
details.fold>summary::before{content:"";flex:none;width:7px;height:7px;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s}
details.fold[open]>summary::before{transform:rotate(-45deg)}
[dir=ltr] details.fold>summary::before{transform:rotate(-45deg)}
[dir=ltr] details.fold[open]>summary::before{transform:rotate(45deg)}
/* section 6.4: technical facts (model, effort, paths, ids, raw codes) closed under «تفاصيل» */
details.tech:not(.fold){margin-top:6px;font-size:var(--t-xs);color:var(--ink-3)}
details.tech:not(.fold)>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:28px;color:var(--ink-3)}
details.tech:not(.fold)>summary::-webkit-details-marker{display:none}
details.tech:not(.fold)>summary::before{content:"";flex:none;width:5px;height:5px;border-inline-end:1.2px solid currentColor;border-bottom:1.2px solid currentColor;transform:rotate(45deg);transition:transform .15s}
details.tech:not(.fold)[open]>summary::before{transform:rotate(-45deg)}
details.tech:not(.fold)>summary:hover{color:var(--ink-2)}
/* 2026-10-18 WP5 fix round: the two-column literal grid is for the inline tech disclosure only; a «fold tech» (the day page's run record) keeps its .kv rows */
details.tech:not(.fold)>dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:2px 10px;margin:6px 0 0;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);text-align:left;font-family:OwnerLatin,system-ui,sans-serif;overflow-wrap:anywhere}
details.tech:not(.fold)>dl dt{color:var(--ink-3)}
details.tech:not(.fold)>dl dd{margin:0;color:var(--ink-2)}
/* D23: unknown is grey «مجهول» with «?», never coral */
.unk,[data-st=unknown]{color:var(--ink-3)}
.unk{white-space:nowrap}
.unk::before{content:"? ";font-weight:600}
.tile .n.unk,.tile[data-tone] .n.unk{color:var(--ink-3);font-size:var(--t-lg)}
.mk-list{margin:4px 0;padding-inline-start:1.2em;list-style:disc}
details.fold>summary:hover{color:var(--ink)}
details.fold>*:not(summary){margin-top:10px}
label.field{display:grid;gap:6px;font-size:var(--t-sm);color:var(--ink-2)}
label.field>span{color:var(--ink)}
input.text,textarea.text,select.text{width:100%;min-height:46px;padding:11px 14px;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);font-size:16px}
textarea.text{min-height:120px;resize:vertical;line-height:1.9}
select.text{appearance:none;-webkit-appearance:none;background-image:none}
.field-row{display:grid;gap:14px}

/* ---- Decision queue: the only elevated frame on the page ---- */
.decision{display:grid;gap:10px;padding:16px 18px;border:1px solid var(--gold-30);background:var(--gold-8);border-radius:var(--radius)}
.decision-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.decision h3{font-size:var(--t-md)}
.decision .sub{font-size:var(--t-xs);color:var(--ink-2);display:flex;gap:10px;flex-wrap:wrap}
.decision .btn-primary{justify-self:start}
.decision-expiry{font-size:var(--t-xs);color:var(--ink-2)}

/* ---- Pulse tiles on Now: dense, textual, source-labelled ---- */
.pulse{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.tile{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);text-align:start;color:var(--ink);min-height:96px;align-content:start}
.tile:hover{border-color:var(--line-2)}
.tile .n{font-size:var(--t-2xl);line-height:1.1;font-weight:600}
.tile .l{font-size:var(--t-sm);color:var(--ink-2)}
.tile .s{font-size:var(--t-xs);color:var(--ink-3);display:flex;align-items:center;gap:6px}
.tile .s i{width:7px;height:7px;border-radius:50%;background:var(--ink-3);flex:none}
.tile[data-tone=green] .n{color:var(--green)}.tile[data-tone=coral] .n{color:var(--coral)}.tile[data-tone=gold] .n{color:var(--gold)}
.tile[data-tone=green] .s i{background:var(--green)}.tile[data-tone=coral] .s i{background:var(--coral)}.tile[data-tone=gold] .s i{background:var(--gold)}
.now-grid{display:grid;gap:34px}
.status-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--t-sm);color:var(--ink-2)}
.status-line strong{color:var(--ink);font-weight:500}
.check-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.check-grid li{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--t-sm)}
.check-grid [data-state=ok]{color:var(--green)}.check-grid [data-state=fail]{color:var(--coral)}.check-grid [data-state=unknown]{color:var(--ink-2)}

/* ---- Ledger (owner log) ---- */
.ledger-tools{display:grid;gap:12px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips button{min-height:38px;padding:6px 14px;border-radius:999px;border:1px solid var(--line-2);color:var(--ink-2);font-size:var(--t-sm);background:transparent}
.chips button:hover{color:var(--ink)}
.chips button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink);font-weight:600}
.coverage{display:grid;gap:6px}
.coverage li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:var(--t-sm);align-items:center}
.coverage li:last-child{border-bottom:0}
.coverage .cov-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.coverage .cov-sub{grid-column:1/-1;font-size:var(--t-xs);color:var(--ink-2)}
.cov-state{display:inline-flex;align-items:center;gap:6px;font-size:var(--t-xs);padding:2px 9px;border-radius:999px;border:1px solid var(--line-2);white-space:nowrap}
.cov-state[data-state=CONNECTED]{color:var(--green);border-color:var(--green-35);background:var(--green-10)}
.cov-state[data-state=STALE],.cov-state[data-state=EMPTY]{color:var(--gold);border-color:var(--gold-30);background:var(--gold-8)}
.cov-state[data-state=NOT_CONNECTED],.cov-state[data-state=UNAVAILABLE],.cov-state[data-state=INTEGRITY_CONFLICT]{color:var(--coral);border-color:var(--coral-40);background:var(--coral-10)}
.ledger{display:grid;gap:0}
.ledger-day{position:sticky;top:calc(var(--topbar-h,72px));z-index:5;background:var(--bg);padding:14px 0 8px;font-size:var(--t-xs);color:var(--ink-2);display:flex;align-items:center;gap:10px}
.ledger-day::after{content:"";flex:1;height:1px;background:var(--line)}
.entry{display:grid;grid-template-columns:52px 12px minmax(0,1fr) auto;gap:4px 12px;align-items:start;width:100%;padding:12px 0;border-bottom:1px solid var(--line);text-align:start;color:var(--ink);border-radius:0}
.entry:hover{background:var(--panel)}
.entry:last-child{border-bottom:0}
.entry .t{font-size:var(--t-xs);color:var(--ink-2);padding-top:3px}
.entry .g{width:10px;height:10px;border-radius:50%;margin-top:7px;background:var(--ink-3)}
.entry[data-source=console] .g{background:var(--gold)}.entry[data-source=hermes] .g{background:var(--green)}.entry[data-source=prompter] .g{background:var(--ink)}.entry[data-source=sessions] .g{background:var(--purple)}.entry[data-source=monitor] .g{background:var(--coral)}
.entry .h{font-size:var(--t-md);font-weight:500;line-height:1.5}
.entry .d{grid-column:3;font-size:var(--t-sm);color:var(--ink-2);overflow-wrap:anywhere}
.entry .src{font-size:var(--t-xs);color:var(--ink-2);white-space:nowrap;padding-top:4px}
.ledger-more{display:flex;justify-content:center;padding:18px 0}
.sheet{width:min(640px,calc(100% - 24px));max-height:88dvh;border:1px solid var(--line-2);border-radius:20px;background:#0A0A0A;color:var(--ink);padding:0;box-shadow:0 30px 80px rgba(10,10,10,.9)}
.sheet::backdrop{background:rgba(10,10,10,.78)}
.sheet-inner{padding:22px 22px 26px;display:grid;gap:16px}
.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.sheet-head h2{font-size:var(--t-lg)}
.sheet-head .btn{flex:none}
.sheet .kv>div{grid-template-columns:130px minmax(0,1fr)}
.integrity{display:flex;align-items:center;gap:8px;font-size:var(--t-xs);color:var(--ink-2);padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm)}
.integrity i{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}
.integrity[data-level=TABLE_ROW] i,.integrity[data-level=SNAPSHOT_VALIDATED] i{background:var(--gold)}

/* ---- Team board ---- */
.lanes{display:flex;gap:8px;flex-wrap:wrap}
.lanes button{min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid var(--line-2);font-size:var(--t-sm);color:var(--ink-2);display:inline-flex;gap:8px;align-items:center}
.lanes button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}
.lanes b{font-weight:600;color:var(--ink)}
.k-board{display:grid;gap:16px}
.k-column{display:grid;gap:10px;align-content:start;min-width:0}
.k-column[data-empty=true]{opacity:.6}
.k-column h4{font-size:var(--t-sm);color:var(--ink-2);display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.k-count{font-size:var(--t-xs);padding:0 7px;border-radius:999px;background:var(--raised);color:var(--ink)}
.k-card{display:grid;gap:6px;padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-width:0;border-inline-start-width:3px}
.k-lane-moving{border-inline-start-color:var(--green)}.k-lane-blocked{border-inline-start-color:var(--coral)}.k-lane-next{border-inline-start-color:var(--gold)}.k-lane-done{border-inline-start-color:var(--line-2)}.k-lane-other{border-inline-start-color:var(--purple)}
.k-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.k-card h4,.k-card h3{font-size:var(--t-md);font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.k-id{font-size:var(--t-xs);color:var(--gold);letter-spacing:.02em;overflow-wrap:anywhere}
.k-meta{font-size:var(--t-xs);color:var(--ink-2);display:flex;gap:6px;flex-wrap:wrap}
.k-blocked{font-size:var(--t-sm);color:var(--coral);overflow-wrap:anywhere}
.k-handoff{font-size:var(--t-xs);color:var(--ink-2)}
.k-lane-history{border-inline-start-color:var(--line-2);border-inline-start-style:dashed}
.k-lane-parked{border-inline-start-color:var(--line-2);border-inline-start-style:dotted}
.k-profile{font-size:var(--t-xs);color:var(--ink-2);white-space:nowrap}
.k-attempt,.k-run{font-size:var(--t-xs);color:var(--ink-2);overflow-wrap:anywhere}
.k-superseded{font-size:var(--t-sm);color:var(--ink-2);overflow-wrap:anywhere}
.k-stop{font-size:var(--t-sm);color:var(--ink);overflow-wrap:anywhere}
.k-lane-blocked .k-stop{color:var(--coral)}
.k-follow{font-size:var(--t-xs);color:var(--ink-2);overflow-wrap:anywhere}
.k-runs,.k-attempts{display:grid;gap:6px;margin-bottom:12px}
.k-runs li,.k-attempts li{padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--t-sm);overflow-wrap:anywhere}
.k-attempts li[aria-current=true]{border-color:var(--gold)}
.k-open{justify-self:start;min-height:40px;padding:6px 12px;border-radius:10px;border:1px solid var(--line-2);font-size:var(--t-sm);color:var(--ink)}
.k-open:hover{border-color:var(--gold)}
.k-status{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:var(--t-xs);color:var(--ink-2)}
.k-stale{padding:10px 14px;border:1px solid var(--gold-30);background:var(--gold-8);border-radius:var(--radius-sm);font-size:var(--t-sm)}
.k-empty{padding:24px 18px;text-align:center;border:1px dashed var(--line-2);border-radius:var(--radius)}
.k-empty h4{margin-bottom:6px}.k-empty p{color:var(--ink-2);font-size:var(--t-sm)}
.k-contract{font-size:var(--t-sm);color:var(--ink-2)}
.k-detail-title{font-size:var(--t-lg);margin-bottom:4px}
.k-evidence{display:grid;gap:8px}
.k-evidence li{display:grid;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--t-sm)}
.k-evidence bdi{font-size:var(--t-xs);color:var(--ink-2)}
.k-activity{display:grid;gap:10px}
.k-activity-list{display:grid}
.k-activity-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:var(--t-sm)}
.k-activity-list li:last-child{border-bottom:0}
.k-activity-list strong{font-weight:500}
.k-activity-list time{font-size:var(--t-xs);color:var(--ink-2)}
.k-activity-meta{grid-column:1/-1;font-size:var(--t-xs);color:var(--ink-2)}

/* ---- Prompter library ---- */
.pl-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.pl-hero h2{font-size:var(--t-xl)}
.pl-hero p{color:var(--ink-2);font-size:var(--t-sm);margin-top:4px}
.pl-search{width:min(100%,320px)}
.pl-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.pl-row:last-child{border-bottom:0}
.pl-row h3{font-size:var(--t-md);font-weight:500}
.pl-row .sub{font-size:var(--t-xs);color:var(--ink-2)}
.pl-row .pl-actions{display:flex;gap:6px;grid-column:2;grid-row:1/3}
.pl-actions .btn{min-height:40px;padding:6px 12px;font-size:var(--t-sm)}
.pl-editor{display:grid;gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:start}
.pl-writing{display:grid;gap:14px}
.pl-writing textarea{min-height:min(60dvh,560px);font-size:19px;line-height:2;padding:18px;unicode-bidi:plaintext}
.pl-tip{font-size:var(--t-xs);color:var(--ink-2)}
.pl-tip bdi{display:inline-block;color:var(--gold);background:var(--gold-8);padding:0 6px;border-radius:4px}
.pl-counts{font-size:var(--t-xs);color:var(--ink-2)}
.pl-preview{display:grid;gap:10px;position:sticky;top:calc(var(--topbar-h,72px) + 16px);max-height:calc(100dvh - var(--topbar-h,72px) - 32px);overflow:auto;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.pl-preview h3{font-size:var(--t-sm);color:var(--ink-2);display:flex;justify-content:space-between;gap:8px}
.pl-card{display:grid;gap:6px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg)}
.pl-card>div{display:flex;align-items:center;gap:10px;font-size:var(--t-xs);color:var(--ink-2)}
.pl-card bdi{color:var(--ink)}
.pl-card .cam{color:var(--coral);display:inline-flex;align-items:center;gap:5px}
.pl-card .cam::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coral)}
.pl-card p{white-space:pre-line;font-size:var(--t-md);line-height:1.9;overflow-wrap:anywhere}
.pl-savebar{position:sticky;bottom:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;background:rgba(10,10,10,.94);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.pl-savebar p{font-size:var(--t-xs);color:var(--ink-2)}
.pl-savebar .pl-error{color:var(--coral)}
.pl-savebar>div{display:flex;gap:8px}
.pl-receipt{display:grid;gap:12px;padding:18px;border:1px solid var(--green-35);background:var(--green-10);border-radius:var(--radius)}
.pl-receipt h3{font-size:var(--t-md);color:var(--green)}
.pl-receipt p{font-size:var(--t-sm);color:var(--ink-2)}
.pl-link{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pl-link input{flex:1;min-width:200px;font-size:var(--t-xs);direction:ltr;text-align:left}
.pl-versions{display:grid}
.pl-versions>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line);font-size:var(--t-sm)}
.pl-versions>div:last-child{border-bottom:0}
.pl-versions small{color:var(--ink-2);margin-inline-start:6px}
.pl-versions .pl-actions{margin-inline-start:auto}

/* ---- Dialogs, toast ---- */
dialog.sheet[open]{animation:sheet-in .22s cubic-bezier(.2,.7,.2,1)}
@keyframes sheet-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#toast{position:fixed;bottom:20px;inset-inline:0;margin-inline:auto;width:fit-content;z-index:30;max-width:min(560px,calc(100% - 28px));background:var(--purple);color:var(--ink);padding:12px 18px;border-radius:12px;box-shadow:0 12px 32px rgba(10,10,10,.8);font-size:var(--t-sm)}
.reader-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
video{width:100%;max-height:420px;background:var(--bg);border-radius:var(--radius)}
.note-row{padding:12px 0;border-top:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--t-sm)}

/* ---- Hunts: dated archive and the day page (Claude's candidates are research drafts, never approvals) ---- */
.studio-host{display:grid;gap:34px;align-content:start;min-width:0}
.page.flush{padding-top:0}
.row .span-all{grid-column:1/-1}
.hunt-days{display:grid}
.hunt-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;width:100%;padding:14px 0;border-bottom:1px solid var(--line);text-align:start;color:var(--ink)}
.hunt-row:hover{background:var(--panel)}
.hunt-row:last-child{border-bottom:0}
.hr-day{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.hr-day small{font-size:var(--t-xs);color:var(--ink-2)}
.hr-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--t-xs);color:var(--ink-2)}
.hr-titles{grid-column:1/-1;font-size:var(--t-sm);color:var(--ink-2);overflow-wrap:anywhere}
.job{display:grid;gap:16px}
.job+.job{padding-top:18px;border-top:1px solid var(--line)}
.job-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cands{display:grid;gap:18px}
.cand{display:grid;gap:14px;padding:18px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--panel);min-width:0;scroll-margin-top:calc(var(--topbar-h,72px) + 12px)}
.cand[data-approved=true]{border-color:var(--gold-30);background:var(--gold-8)}
.cand[data-rejected=true]{border-style:dashed;background:transparent}
.rejected-draft{display:grid;gap:12px;min-width:0}
.cand-head{display:flex;gap:14px;align-items:flex-start}
.cand-head h3{font-size:var(--t-lg);line-height:1.5}
.cand-num{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--gold);color:var(--bg);font-weight:600;font-size:var(--t-md)}
.cand-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px;font-size:var(--t-xs);color:var(--ink-2)}
.cand-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.cand-field{display:grid;gap:4px;min-width:0}
.cand-field dt{font-size:var(--t-xs);color:var(--gold)}
.cand-field dd{font-size:var(--t-md);line-height:1.85;overflow-wrap:anywhere}
.cand-field .note{display:inline-block;margin-top:4px}
.cand-limit{display:grid;gap:4px;padding:12px 14px;border:1px solid var(--coral-40);background:var(--coral-10);border-radius:var(--radius-sm)}
.cand-limit strong{font-size:var(--t-xs);color:var(--coral);font-weight:600}
.cand-limit p{font-size:var(--t-sm);line-height:1.85;overflow-wrap:anywhere}
.cand-actions .btn[aria-pressed=true]{border-color:var(--green);color:var(--green)}
.cand-history{display:grid;gap:8px}
.cand-history li{display:grid;gap:2px;padding:8px 0;border-top:1px solid var(--line);font-size:var(--t-sm)}
.cand-history time{font-size:var(--t-xs);color:var(--ink-2)}
.cand-history p{white-space:pre-wrap;color:var(--ink-2)}
pre.digest{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:var(--t-sm);line-height:1.95;margin:0;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);max-height:520px;overflow:auto;unicode-bidi:plaintext}
.review-note{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--purple-45);background:var(--purple-14);border-radius:var(--radius-sm)}
.review-note .chip{justify-self:start}
.review-note p{font-size:var(--t-sm);line-height:1.85;white-space:pre-wrap}
.trail{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.trail h4{font-size:var(--t-sm);color:var(--ink-2);margin-bottom:6px}
.trail-list{display:grid;gap:0;counter-reset:t}
.trail-list li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:var(--t-sm);min-width:0}
.trail-list li:last-child{border-bottom:0}
.trail-list a{min-width:0;overflow-wrap:anywhere;text-decoration:none}
.trail-list a small{display:block;color:var(--ink-3);font-size:var(--t-xs);direction:ltr;text-align:start;overflow-wrap:anywhere}
.trail-list .ok{color:var(--green);font-size:var(--t-xs);white-space:nowrap}
.trail-list .bad{color:var(--coral);font-size:var(--t-xs);white-space:nowrap}
.trail-list span{font-size:var(--t-xs);color:var(--ink-2);white-space:nowrap}
/* 2026-10-17 fix round: a run summary wraps (member pages overflowed at 390); only the outcome and time stay on one line */
.trail-list li>span:first-child{white-space:normal;min-width:0;overflow-wrap:anywhere}
.now-cands{display:grid;gap:6px;padding-inline-start:20px;list-style:decimal;font-size:var(--t-sm)}
.now-cands li::marker{color:var(--gold)}

/* ---- Production track: approved topic -> prompter script -> filming -> assets ---- */
.prod-rows{display:grid}
.prod-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;align-items:center;width:100%;padding:14px 0;border-bottom:1px solid var(--line);text-align:start;color:var(--ink)}
.prod-row:hover{background:var(--panel)}
.prod-row:last-child{border-bottom:0}
.pr-title{display:grid;gap:2px;min-width:0}
.pr-title strong{font-weight:500;overflow-wrap:anywhere}
.pr-title small,.pr-time{font-size:var(--t-xs);color:var(--ink-2)}
.pr-state{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:var(--t-xs);color:var(--ink-2)}
.stage-track{display:flex;gap:0;align-items:flex-start;counter-reset:s;padding:6px 0 2px}
.stage-track li{flex:1;display:grid;justify-items:center;gap:6px;position:relative;font-size:var(--t-xs);color:var(--ink-2);text-align:center}
.stage-track li::before{content:"";position:absolute;top:8px;inset-inline-start:50%;width:100%;height:2px;background:var(--line-2)}
.stage-track li:last-child::before{display:none}
.stage-track li[data-state=done]::before{background:var(--gold)}
.st-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--line-2);background:var(--bg);position:relative;z-index:1}
.stage-track li[data-state=done] .st-dot{background:var(--gold);border-color:var(--gold)}
.stage-track li[data-state=current] .st-dot{border-color:var(--gold);box-shadow:0 0 0 4px var(--gold-30)}
.stage-track li[data-state=current]{color:var(--ink);font-weight:600}
.stage-side{margin-top:4px}
.stage-actions .btn{min-height:42px}
.edit-note{padding:10px 12px;border-inline-start:3px solid var(--gold);background:var(--gold-8);border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:var(--radius-sm);border-end-end-radius:var(--radius-sm);font-size:var(--t-sm)}
.change{display:grid;gap:10px}
.change-row{display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm)}
.change-row small{font-size:var(--t-xs);color:var(--ink-2)}
.change-row p{font-size:var(--t-sm);line-height:1.8;overflow-wrap:anywhere}
.sc-cards{display:grid;gap:8px}
.sc-card{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:start;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel)}
.sc-card.is-face{border-color:var(--coral-40);background:var(--coral-10)}
.sc-tag{font-size:var(--t-xs);padding:1px 9px;border-radius:6px;border:1px solid var(--line-2);color:var(--ink-2);white-space:nowrap;margin-top:4px}
.sc-card.is-face .sc-tag{background:var(--coral);border-color:var(--coral);color:var(--bg);font-weight:600}
.sc-n{display:none}
.sc-card p{font-size:var(--t-md);line-height:1.95;overflow-wrap:anywhere}
mark{background:var(--gold);color:var(--bg);border-radius:4px;padding:0 4px}
.versions{display:grid}
.versions li{display:grid;gap:4px;padding:10px 0;border-bottom:1px solid var(--line);font-size:var(--t-sm)}
.versions li:last-child{border-bottom:0}
.versions p{color:var(--ink-2);white-space:pre-wrap}
.versions .btn{justify-self:start;min-height:36px;padding:4px 10px;font-size:var(--t-xs)}
.assets{display:grid}
.assets li{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--line)}
.assets li:last-child{border-bottom:0}
.as-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.assets .literal{font-size:var(--t-sm)}
.asset-group{display:grid;gap:6px}
.asset-group h3{font-size:var(--t-md);font-weight:500;padding-top:8px}
.linkish{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.timeline{display:grid;gap:0}
.timeline li{display:grid;gap:2px;padding:10px 0 10px;border-bottom:1px solid var(--line);padding-inline-start:18px;position:relative;font-size:var(--t-sm)}
.timeline li::before{content:"";position:absolute;inset-inline-start:0;top:17px;width:8px;height:8px;border-radius:50%;background:var(--ink-3)}
.timeline li[data-kind=topic_approved]::before{background:var(--gold)}
.timeline li[data-kind=production_stage]::before{background:var(--green)}
.timeline li[data-kind=script_saved]::before{background:var(--ink)}
.timeline li[data-kind=asset_recorded]::before{background:var(--purple)}
.timeline time{font-size:var(--t-xs);color:var(--ink-2)}
.timeline p{color:var(--ink-2);white-space:pre-wrap}
.studio-error{color:var(--coral);font-size:var(--t-sm)}
.entry[data-source=hunts] .g{background:transparent;border:2px solid var(--gold)}
.pl-waiting{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--gold-30);background:var(--gold-8);border-radius:var(--radius);margin-bottom:18px}
.pl-waiting>h3{font-size:var(--t-md);display:flex;align-items:center;gap:8px}
.pl-linked{color:var(--gold)}
.pl-note{flex:1;min-width:200px}
.pl-note input{min-height:42px;font-size:15px}
.pl-vnote{display:block;font-style:normal;color:var(--ink-2);font-size:var(--t-xs);margin-top:2px}

/* ---- Responsive rhythm ---- */
@media(min-width:1280px){
 .now-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start}
 .k-board{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
}
@media(min-width:900px) and (max-width:1279px){.k-board{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}
/* short laptop screens and browser zoom: a tighter rail; anything still taller scrolls inside the rail */
@media(min-width:900px) and (max-height:820px){
 .rail{gap:2px;padding:10px 8px}
 .rail-brand{padding:2px 0 8px;gap:4px}
 .rail-brand small{display:none}
 .rail nav{gap:2px}
 .rail nav button{min-height:46px;gap:3px;padding:5px 4px}
 .rail nav button[aria-current=page]::before{inset-block:10px;inset-inline-start:-8px}
 .rail-foot{gap:4px;padding-top:6px}
}
@media(min-width:900px) and (max-height:560px){.rail-foot .session-chip{display:none}.rail nav button{min-height:44px}}
@media(max-width:899px){
 :root{--rail:0px}
 body.app,body.app.prompter-view{grid-template-columns:minmax(0,1fr)}
 .rail{display:none}
 body.app{padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px)}   /* WP8: viewport-fit=cover, so a landscape notch never covers the page */
 .dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset-inline:0;bottom:0;z-index:25;background:rgba(10,10,10,.96);border-top:1px solid var(--line);padding:6px max(6px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
 .dock button{min-height:56px;font-size:var(--t-xs);gap:3px;padding:6px 2px}   /* WP8: five 44 px or larger targets, 13 px labels (--t-xs) */
 .dock button[aria-current=page]::after{content:"";position:absolute;top:2px;width:18px;height:2px;border-radius:2px;background:var(--gold)}
 body.app .workspace>main{padding-bottom:calc(var(--dock) + 40px + env(safe-area-inset-bottom))}
 body.app .workspace>footer{padding-bottom:calc(var(--dock) + 16px + env(safe-area-inset-bottom))}
 #toast{bottom:calc(var(--dock) + 14px + env(safe-area-inset-bottom))}
 .topbar-inner{padding:12px var(--gutter) 10px;align-items:flex-start;flex-direction:column;gap:8px}
 .topbar h1{font-size:22px}
 .truth{gap:10px}
 .truth-pop{inset-inline-end:auto;inset-inline-start:0}   /* the pill sits at the start edge here: hang from it and grow inward */
 .page{gap:28px;padding-top:18px}
 .studio-host{gap:28px}
 .decision .btn-primary{justify-self:stretch}
 .row{grid-template-columns:minmax(0,1fr)}.row .go{grid-column:1;grid-row:auto;justify-self:start}
 .row>.chip{justify-self:start}
 .pl-row{grid-template-columns:minmax(0,1fr)}.pl-row .pl-actions{grid-column:1;grid-row:auto}
 .pl-editor{grid-template-columns:minmax(0,1fr)}
 .pl-preview{position:static;max-height:none;display:none}.pl-preview.is-open{display:grid}
 .pl-savebar{margin-inline:calc(-1 * var(--gutter));padding:10px var(--gutter);flex-direction:column;align-items:stretch;bottom:calc(var(--dock) + 6px + env(safe-area-inset-bottom));background:var(--bg)}
 .pl-savebar>div{display:grid;grid-template-columns:1fr 1fr}
 .entry{grid-template-columns:12px minmax(0,1fr);gap:2px 10px}
 .entry .t{grid-column:2;order:3;padding-top:0}
 .entry .g{grid-row:1/4}
 .entry .d{grid-column:2}
 .entry .src{grid-column:2;order:4;padding-top:0}
 .kv>div,.sheet .kv>div{grid-template-columns:minmax(0,1fr);gap:2px}
 .kv dt{font-size:var(--t-xs)}
 .sheet{width:100%;max-width:none;max-height:92dvh;margin:auto 0 0;border-radius:20px 20px 0 0;border-bottom:0}
 .sheet-inner{padding:18px 18px calc(22px + env(safe-area-inset-bottom))}
 .k-board{grid-template-columns:minmax(0,1fr)}
 .k-column[data-hidden=true],.k-column[data-empty=true]{display:none}
 .check-grid{grid-template-columns:1fr 1fr}
 .pulse{grid-template-columns:1fr 1fr}
 .cand{padding:14px}
 .cand-head h3{font-size:var(--t-md)}
 .cand-actions .btn{flex:1 1 calc(50% - 10px)}
 .cand-actions .btn-primary{flex-basis:100%}
 .hunt-row,.prod-row{grid-template-columns:minmax(0,1fr)}
 .change-row{grid-template-columns:minmax(0,1fr)}
 .stage-actions .btn{flex:1 1 calc(50% - 10px)}
 .pl-note{min-width:0;width:100%}
 .pl-note input{min-height:40px}
}
@media(max-width:380px){.pulse{grid-template-columns:1fr 1fr}.tile .n{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.topbar,.dock,.pl-savebar{-webkit-backdrop-filter:none;backdrop-filter:none}}