/* mnemur admin console demo — builds on the site's dark "system" theme
   (styles.css variables), plus a light variant for prefers-color-scheme. */

:root{
  --paper:#0f1115;
  --paper-2:#14171c;
  --card:#181b21;
  --ink:#ecebe5;
  --ink-soft:#c6c4bb;
  --muted:#928f87;
  --faint:#5d5c55;
  --line:#262a31;
  --line-2:#333843;
  --accent:#d2754a;
  --accent-soft:#241b14;
  --ok:#6fae9e;
  --ok-soft:#1f3a2e;
  --warn:#d2a07a;
  --warn-soft:#3a2a1f;
  --block:#cf6f6f;
  --block-soft:#3a1f1f;
  --info:#7ab0d2;
  --info-soft:#1f2e3a;
  --serif:Georgia,'Times New Roman',serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --mono:'SF Mono',ui-monospace,'JetBrains Mono',Menlo,Consolas,monospace;
  color-scheme:dark;
}

/* light palette (warm paper, kin to teoz.us) */
@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    --paper:#f7f5f0; --paper-2:#efece4; --card:#fffdf8;
    --ink:#23211c; --ink-soft:#46433b; --muted:#7b776c; --faint:#a8a499;
    --line:#e3dfd4; --line-2:#d2cdbf;
    --accent:#b85c33; --accent-soft:#f4e4da;
    --ok:#2e7d63; --ok-soft:#dcebe4; --warn:#9a6420; --warn-soft:#f2e6d2;
    --block:#a83d3d; --block-soft:#f3dcdc; --info:#2f6e96; --info-soft:#dde9f1;
    color-scheme:light;
  }
}
:root[data-theme="light"]{
  --paper:#f7f5f0; --paper-2:#efece4; --card:#fffdf8;
  --ink:#23211c; --ink-soft:#46433b; --muted:#7b776c; --faint:#a8a499;
  --line:#e3dfd4; --line-2:#d2cdbf;
  --accent:#b85c33; --accent-soft:#f4e4da;
  --ok:#2e7d63; --ok-soft:#dcebe4; --warn:#9a6420; --warn-soft:#f2e6d2;
  --block:#a83d3d; --block-soft:#f3dcdc; --info:#2f6e96; --info-soft:#dde9f1;
  color-scheme:light;
}

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.6;font-size:15px;-webkit-font-smoothing:antialiased}
code{font-family:var(--mono);font-size:.92em;background:rgba(127,127,127,.12);border-radius:4px;padding:1px 5px}
button{font-family:var(--sans)}
:is(button,a):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}

/* logo swap per effective theme */
.logo-light{display:none}
:root[data-theme="light"] .logo-dark{display:none}
:root[data-theme="light"] .logo-light{display:block}
@media (prefers-color-scheme: light){
  :root:not([data-theme]) .logo-dark{display:none}
  :root:not([data-theme]) .logo-light{display:block}
}

/* ============ demo banner ============ */
.demo-banner{position:sticky;top:0;z-index:50;background:var(--accent);color:#1a120c;font-size:13px;font-weight:500;text-align:center;padding:8px 16px;letter-spacing:.01em}

/* ============ shell ============ */
.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:calc(100vh - 37px)}

/* ============ left rail ============ */
.rail{border-right:1px solid var(--line);background:var(--paper-2);padding:22px 16px;display:flex;flex-direction:column;gap:22px;position:sticky;top:37px;height:calc(100vh - 37px);overflow-y:auto}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);padding:0 8px}
.brand img{height:24px;width:auto}
.brand .wm{font-family:var(--mono);font-size:15px;letter-spacing:.18em;font-weight:500}
.admin-tag{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:2px 7px}
.org{padding:12px 10px;background:var(--card);border:1px solid var(--line);border-radius:6px}
.org-label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.org-name{font-size:14px;font-weight:600;margin-top:4px}
.org-sub{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:3px}

.rail-nav{display:flex;flex-direction:column;gap:2px}
.rail-group{font-family:var(--mono);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);padding:14px 12px 4px}
.rail-group:first-of-type{padding-top:8px}
.rail-link{display:block;width:100%;text-align:left;background:none;border:none;border-left:2px solid transparent;border-radius:0 5px 5px 0;color:var(--muted);font-size:13.5px;padding:8px 12px;cursor:pointer;transition:.12s}
.rail-link:hover{color:var(--ink);background:rgba(127,127,127,.08)}
.rail-link[aria-selected="true"]{color:var(--accent);border-left-color:var(--accent);background:rgba(210,117,74,.09);font-weight:600}

.rail-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding:0 8px}
.theme-toggle{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line-2);border-radius:6px;color:var(--ink-soft);font-size:12.5px;padding:8px 12px;cursor:pointer}
.theme-toggle:hover{border-color:var(--accent);color:var(--ink)}
.tt-icon{width:12px;height:12px;border-radius:50%;border:1.5px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.rail-meta{font-family:var(--mono);font-size:11px;color:var(--faint)}
.rail-xlink{font-family:var(--mono);font-size:11px;color:var(--muted);text-decoration:none}
.rail-xlink:hover{color:var(--accent);text-decoration:underline}

/* ============ main ============ */
.main{padding:38px 44px 80px;max-width:1080px;min-width:0}
.panel-head{margin-bottom:28px}
.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.panel-head h1{font-size:28px;font-weight:500;letter-spacing:-.01em;line-height:1.15}
.panel-sub{color:var(--muted);font-size:14.5px;max-width:640px;margin-top:8px}

/* tiles */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tiles-3{grid-template-columns:repeat(3,1fr)}
.tile{background:var(--card);border:1px solid var(--line);border-top:2px solid var(--accent);padding:18px;border-radius:5px}
.tile-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.tile-num{font-family:var(--serif);font-size:34px;line-height:1.1;color:var(--ink);margin-top:8px}
.tile-of{font-size:17px;color:var(--muted)}
.tile-sub{font-size:12px;color:var(--muted);margin-top:6px}

/* local-modes highlight (budgets) */
.local-hi{border-top:2px solid var(--ok);background:linear-gradient(180deg,var(--ok-soft),var(--card) 64px)}
.local-badge{display:inline-block;vertical-align:middle;margin-left:8px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok);border-radius:4px;padding:2px 7px}
.local-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:4px 0 2px}
.local-cell{background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:14px 16px}
.local-cell-on{border-color:var(--ok);box-shadow:inset 3px 0 0 var(--ok)}
.local-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.local-v{font-family:var(--serif);font-size:30px;line-height:1.1;color:var(--ink);margin-top:6px}
.local-cell-on .local-v{color:var(--ok)}
.local-d{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.45}

/* meters */
.meter{height:8px;background:rgba(127,127,127,.16);border-radius:99px;overflow:hidden;margin-top:10px}
.meter.sm{height:6px;margin-top:0;width:110px;display:inline-block;vertical-align:middle}
.meter-fill{height:100%;background:var(--accent);border-radius:99px}
.meter.hot .meter-fill{background:var(--block)}

/* blocks */
.card-block{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:22px;margin-top:20px}
.block-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.block-head h2{font-size:15px;font-weight:600}
.block-sub{font-family:var(--mono);font-size:11.5px;color:var(--faint)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.two-col .card-block{margin-top:20px}
.foot-note{font-size:12.5px;color:var(--muted);margin-top:14px;line-height:1.6}

/* dual-axis overlay chart */
.olchart{display:block;height:auto}
.ol-line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
.ol-users-line{stroke:var(--info)}
.ol-ctx-line{stroke:var(--accent)}
.ol-dot-users{fill:var(--info)}
.ol-dot-ctx{fill:var(--accent)}
.ol-grid{stroke:var(--line);stroke-width:1}
.ol-tick{font-family:var(--mono);font-size:9.5px;fill:var(--muted)}
.ol-tick.users{fill:var(--info)}
.ol-tick.ctx{fill:var(--accent)}
.ol-axis-name{font-size:7.5px;letter-spacing:.08em;text-transform:uppercase}
.ol-date{font-family:var(--mono);font-size:9px;fill:var(--faint)}
.ol-legend{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:10px}
.ol-legend .sw{display:inline-block;width:16px;height:3px;border-radius:2px;vertical-align:middle;margin-right:7px}
.sw-users{background:var(--info)}
.sw-ctx{background:var(--accent)}

/* verdict badges */
.vbadge{display:inline-block;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.05em;padding:2px 8px;border-radius:4px}
.v-ok{background:var(--ok-soft);color:var(--ok)}
.v-warn{background:var(--warn-soft);color:var(--warn)}
.v-block{background:var(--block-soft);color:var(--block)}
.v-budget{background:var(--info-soft);color:var(--info)}
.v-dim{background:rgba(127,127,127,.12);color:var(--faint)}

/* verdict key — shared explainer for warn / block / 429 */
.vkey{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px;padding:11px 14px;background:rgba(127,127,127,.06);border:1px solid var(--line);border-radius:6px;font-size:12.5px;color:var(--muted);line-height:1.5}
.vkey-item{display:flex;gap:8px;align-items:baseline}
.vkey .vbadge{flex:none}

/* mini tables / attention list */
.mini-table{width:100%;border-collapse:collapse;font-size:13.5px}
.mini-table td{padding:8px 8px 8px 0;border-bottom:1px solid var(--line);color:var(--ink-soft)}
.mini-table tr:last-child td{border-bottom:none}
.mini-table .num{text-align:right;font-family:var(--mono);font-size:12.5px;color:var(--muted)}
.attn{list-style:none}
.attn li{padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink-soft);line-height:1.55}
.attn li:last-child{border-bottom:none}

/* data tables */
.table-scroll{overflow-x:auto}
.data-table{width:100%;border-collapse:collapse;font-size:13.5px}
.data-table th{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;font-weight:600;padding:8px 14px 8px 0;border-bottom:1px solid var(--line-2);white-space:nowrap}
.data-table td{padding:10px 14px 10px 0;border-bottom:1px solid var(--line);color:var(--ink-soft);vertical-align:middle;white-space:nowrap}
.data-table tr:last-child td{border-bottom:none}
.data-table .num{font-family:var(--mono);font-size:12.5px}
.mono-table td{font-family:var(--mono);font-size:12.5px}
.budget-cell{display:flex;align-items:center;gap:10px}
.pct{font-family:var(--mono);font-size:12px;color:var(--muted)}
.pct.hot{color:var(--block)}
.pct.dim,.dim{color:var(--faint)}

/* isolation + tier + role badges */
.iso,.tier,.role-badge{display:inline-block;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.05em;padding:2px 9px;border-radius:99px}
.iso-hard{background:var(--block-soft);color:var(--block)}
.iso-open{background:var(--ok-soft);color:var(--ok)}
.tier-frontier{background:var(--accent-soft);color:var(--accent)}
.tier-standard{background:var(--info-soft);color:var(--info)}
.tier-fast{background:rgba(127,127,127,.13);color:var(--muted)}
.r-operator{background:var(--accent-soft);color:var(--accent)}
.r-reviewer{background:var(--info-soft);color:var(--info)}
.r-member{background:rgba(127,127,127,.13);color:var(--muted)}

/* firewall feed */
.feed{list-style:none}
.feed-item{display:flex;gap:14px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line)}
.feed-item:last-child{border-bottom:none}
.feed-item .vbadge{flex:none;margin-top:2px}
.feed-body{min-width:0;flex:1}
.feed-line{font-size:13.5px;color:var(--ink-soft)}
.feed-line strong{color:var(--ink);font-weight:600}
.feed-meta{font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:3px}
.feed-time{flex:none;font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:3px}

/* bars (budgets + evals) */
.bars{display:flex;flex-direction:column;gap:12px}
.bar-row{display:grid;grid-template-columns:170px minmax(0,1fr) 64px;gap:14px;align-items:center}
.bar-label{font-size:13px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar-track{height:12px;background:rgba(127,127,127,.14);border-radius:4px;overflow:hidden}
.bar-fill{height:100%;background:var(--accent);border-radius:4px}
.bar-fill.alt{background:var(--info)}
.bar-val{font-family:var(--mono);font-size:12.5px;color:var(--muted);text-align:right}
.eval-bars .bar-row{grid-template-columns:230px minmax(0,1fr) 50px}

/* quality callout */
.warn-block{border-left:2px solid var(--warn)}
.callout{margin-top:16px;background:var(--warn-soft);border:1px solid transparent;border-radius:6px;padding:14px 16px;font-size:13.5px;color:var(--ink-soft);line-height:1.6}
.callout strong{color:var(--warn);display:block;margin-bottom:4px}
.callout.sm{font-size:12.5px;padding:10px 14px;margin-top:12px;line-height:1.55}

/* ============ org switcher ============ */
.org-select{width:100%;margin-top:6px;background:var(--paper);color:var(--ink);border:1px solid var(--line-2);border-radius:5px;font-size:13.5px;font-weight:600;padding:7px 8px;cursor:pointer;font-family:var(--sans)}
.org-select:hover{border-color:var(--accent)}
.org-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.org-sub+.org-sub{margin-top:2px}

/* ============ people ============ */
.people-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:4px}
.person-card{display:block;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:16px 18px;cursor:pointer;color:var(--ink);transition:border-color .12s}
.person-card:hover{border-color:var(--accent)}
.pc-name{display:block;font-size:15px;font-weight:600}
.pc-title{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.pc-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.pc-meta{display:block;font-family:var(--mono);font-size:11px;color:var(--faint);margin-top:9px}
.a-ro{background:rgba(127,127,127,.13);color:var(--muted)}
.a-ap{background:var(--info-soft);color:var(--info)}
.a-tr{background:var(--ok-soft);color:var(--ok)}

/* person detail */
.person-back,.pack-detail-btn{background:none;border:1px solid var(--line-2);border-radius:5px;color:var(--ink-soft);font-size:12.5px;padding:6px 14px;cursor:pointer}
.person-back:hover,.pack-detail-btn:hover{border-color:var(--accent);color:var(--ink)}
.pack-detail-btn{margin-top:16px}

/* person insights */
.works-block{border-left:2px solid var(--ok)}
.friction-block{border-left:2px solid var(--warn)}
.insight-list{list-style:none}
.insight-list li{padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink-soft);line-height:1.6}
.insight-list li:last-child{border-bottom:none}
.pd-counts{display:inline-flex;gap:6px;margin-left:auto}
.pd-badges{display:flex;gap:6px;flex-wrap:wrap}
.autonomy-note{font-size:13.5px;color:var(--ink-soft);margin-top:12px;line-height:1.6}
.packs-cell{white-space:normal}
.packs-cell .chip-pat{margin:2px 4px 2px 0}
.wf-list{list-style:none}
.wf-item{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line);font-size:13.5px;color:var(--ink-soft)}
.wf-item:last-child{border-bottom:none}
.wf-cadence{flex:none;font-family:var(--mono);font-size:11.5px;color:var(--muted)}

/* ============ connectors ============ */
.d-read{background:rgba(127,127,127,.13);color:var(--muted)}
.d-draft{background:var(--info-soft);color:var(--info)}
.d-act{background:var(--warn-soft);color:var(--warn)}
.conn-name{font-weight:600;color:var(--ink)}
.conn-scope{white-space:normal;min-width:250px;font-size:12.5px;color:var(--muted);line-height:1.55}
.data-table .packs-cell{min-width:170px}

/* ============ policies ============ */
.pack-desc{font-size:13.5px;color:var(--ink-soft);line-height:1.6}
.pack-row{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pack-row-label{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);width:100%}
.pack-models{font-size:12.5px;color:var(--muted);line-height:1.6}
.chip-ctx{font-family:var(--mono);font-size:11.5px;background:rgba(127,127,127,.12);border-radius:4px;padding:2px 8px;color:var(--ink-soft)}
.chip-pat{display:inline-block;font-size:12px;border:1px solid var(--line-2);border-radius:99px;padding:2px 10px;color:var(--ink-soft)}

/* call trace */
.trace-block{border-left:2px solid var(--accent)}
.trace-scenario{font-size:13.5px;color:var(--ink-soft);line-height:1.6}
.trace-run{margin-top:14px;background:var(--accent);border:none;color:#1a120c;font-weight:600;font-size:13px;border-radius:5px;padding:8px 18px;cursor:pointer}
.trace-run:hover{filter:brightness(1.08)}
.trace-run:disabled{opacity:.55;cursor:default}
.trace-steps{list-style:none;margin-top:16px}
.t-step{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line);opacity:.45;transition:opacity .25s}
.t-step:last-child{border-bottom:none}
.t-step.done{opacity:1}
.t-dot{flex:none;width:10px;height:10px;border-radius:50%;border:2px solid var(--line-2);margin-top:5px;transition:background .2s,border-color .2s}
.t-step.done .t-dot{background:var(--ok);border-color:var(--ok)}
.t-body{min-width:0;flex:1}
.t-name{font-size:13.5px;font-weight:600}
.t-detail{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:2px;line-height:1.55}
.t-check{margin-left:auto;flex:none;color:var(--ok);font-weight:700;visibility:hidden;margin-top:2px}
.t-step.done .t-check{visibility:visible}
.trace-status{font-family:var(--mono);font-size:12px;color:var(--ok);margin-top:12px;min-height:18px}

/* ============ lifecycle + owner links (contexts) ============ */
.lc{display:inline-block;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.05em;padding:2px 9px;border-radius:99px}
.lc-dyn{background:var(--accent-soft);color:var(--accent)}
.lc-std{background:rgba(127,127,127,.13);color:var(--muted)}
.owner-link{background:none;border:none;padding:0;font:inherit;font-size:13px;color:var(--info);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}
.owner-link:hover{color:var(--accent);text-decoration-color:currentColor}

/* ============ policies: applied counts ============ */
.pack-applied{margin-top:10px;font-family:var(--mono);font-size:12px;color:var(--ok);background:var(--ok-soft);border-radius:5px;padding:7px 12px;display:inline-block}

/* ============ learning ============ */
.flow-block{border-left:2px solid var(--ok)}
.bal{display:inline-block;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.05em;padding:2px 9px;border-radius:99px}
.bal-contributor{background:var(--accent-soft);color:var(--accent)}
.bal-balanced{background:var(--ok-soft);color:var(--ok)}
.bal-learner{background:var(--info-soft);color:var(--info)}

/* ============ plan & billing ============ */
.plan-block{border-left:2px solid var(--info)}
.draft-badge{display:inline-block;vertical-align:middle;margin-left:8px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;background:var(--warn-soft);color:var(--warn);border-radius:4px;padding:2px 7px}

/* ============ teams · roles · distribution (v5) ============ */
.tiles-roles{grid-template-columns:1fr 1fr 2fr;margin-top:16px}
.dist-strip{display:flex;height:14px;border-radius:4px;overflow:hidden;margin-top:14px;background:rgba(127,127,127,.14)}
.dist-seg{height:100%}
.dist-seg+.dist-seg{border-left:1px solid var(--card)}
.ds-1{background:var(--line-2)}
.ds-2{background:var(--info)}
.ds-3{background:var(--warn)}
.ds-4{background:var(--accent)}
.dist-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:9px;font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.dist-li strong{color:var(--ink)}
.dist-sw{display:inline-block;width:9px;height:9px;border-radius:2px;vertical-align:-1px;margin-right:5px}
.pc-roles{display:block;font-family:var(--mono);font-size:11px;color:var(--accent);margin-top:8px}

/* ============ routing savings (v5) ============ */
.routing-block{border-left:2px solid var(--ok)}
.routing-block .mini-table{margin-top:12px}
.routing-block .foot-note strong{color:var(--ok)}

/* ============ org settings ============ */
.set-inline-link{display:inline;color:var(--accent)}
.set-seg{display:flex;gap:0;background:var(--paper-2);border:1px solid var(--line-2);border-radius:8px;padding:4px;max-width:440px;margin-top:14px}
.set-seg-btn{flex:1;font-family:var(--sans);font-size:13.5px;font-weight:600;color:var(--muted);background:none;border:none;border-radius:6px;padding:9px 6px;cursor:pointer;transition:.15s;display:flex;flex-direction:column;gap:2px;align-items:center;line-height:1.2}
.set-seg-btn:hover{color:var(--ink)}
.set-seg-btn.on{background:var(--accent);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.14)}
.set-seg-sub{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.82}
.set-track{height:4px;border-radius:3px;background:var(--line-2);margin:12px 0 18px;max-width:440px;overflow:hidden}
.set-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .25s ease}
.set-posture{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.set-ctl{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--line);border-radius:6px;padding:11px 13px;background:var(--paper);transition:.2s}
.set-ctl.on{border-left:2px solid var(--accent)}
.set-ctl.off{opacity:.5;border-style:dashed}
.set-mk{font-family:var(--mono);font-size:13px;line-height:1.5;width:12px;text-align:center;flex:0 0 auto}
.set-ctl.on .set-mk{color:var(--accent)}
.set-ctl.off .set-mk{color:var(--faint)}
.set-ct{font-size:13px;color:var(--ink-soft);line-height:1.5}
.set-ct strong{color:var(--ink);font-weight:600}
.set-take{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--ink);border-left:2px solid var(--accent);padding-left:14px;margin-top:16px;line-height:1.5}
.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.set-row:last-of-type{border-bottom:none;padding-bottom:0}
.set-row-t{font-size:13.5px;color:var(--ink);font-weight:600}
.set-row-d{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.5}
.set-toggle{flex:0 0 auto;display:inline-block;width:42px;height:24px;border-radius:99px;border:1px solid var(--line-2);background:var(--paper-2);position:relative;cursor:pointer;transition:.18s;padding:0}
.set-toggle[aria-hidden="true"]{cursor:default}
.set-toggle.on{background:var(--accent);border-color:var(--accent)}
.set-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.18s;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.set-toggle.on .set-knob{left:20px}

/* ============ responsive ============ */
@media(max-width:980px){
  .tiles{grid-template-columns:repeat(2,1fr)}
  .tiles-roles{grid-template-columns:repeat(2,1fr)}
  .tiles-roles .tile-dist{grid-column:1/-1}
  .two-col{grid-template-columns:1fr}
  .main{padding:28px 24px 60px}
}
@media(max-width:740px){
  .shell{display:block}
  .rail{position:static;height:auto;flex-direction:column;border-right:none;border-bottom:1px solid var(--line)}
  .rail-nav{flex-direction:row;flex-wrap:wrap;gap:4px;align-items:center}
  .rail-group{width:100%;padding:8px 2px 0;flex-basis:100%}
  .rail-group:first-of-type{padding-top:8px}
  .rail-link{width:auto;border-left:none;border-radius:5px;border:1px solid var(--line)}
  .rail-link[aria-selected="true"]{border-color:var(--accent)}
  .local-split{grid-template-columns:1fr}
  .rail-foot{margin-top:6px;flex-direction:row;align-items:center;justify-content:space-between}
  .tiles,.tiles-3,.tiles-roles{grid-template-columns:1fr}
  .set-posture{grid-template-columns:1fr}
  .bar-row,.eval-bars .bar-row{grid-template-columns:120px minmax(0,1fr) 50px}
  .people-grid{grid-template-columns:1fr}
}