:root{
  --paper:#e6ebee;--panel:#f7fafb;--panel-2:#eef3f5;--panel-3:#e2eaed;
  --ink:#0c1a20;--ink-2:#46606c;--ink-3:#7b929d;
  --rule:#ccd9df;--rule-2:#b2c4cc;
  --chrome:#0d6b7a;--chrome-2:#d5e9ec;
  --hot:#b23524;--hot-bg:#f8ddd8;
  --amber:#a2620d;--amber-bg:#f6e6cc;
  --ui:"Instrument Sans","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --void:repeating-linear-gradient(-45deg,transparent 0 4px,var(--rule-2) 4px 5px);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#091116;--panel:#101c22;--panel-2:#16242b;--panel-3:#1d2f37;
  --ink:#dae7ec;--ink-2:#93aab4;--ink-3:#67818c;
  --rule:#1f3138;--rule-2:#31474f;
  --chrome:#3fa5b6;--chrome-2:#0e2f35;
  --hot:#e8776a;--hot-bg:#341917;
  --amber:#d3a04d;--amber-bg:#2e2413;
}}
:root[data-theme="dark"]{
  --paper:#091116;--panel:#101c22;--panel-2:#16242b;--panel-3:#1d2f37;
  --ink:#dae7ec;--ink-2:#93aab4;--ink-3:#67818c;
  --rule:#1f3138;--rule-2:#31474f;
  --chrome:#3fa5b6;--chrome-2:#0e2f35;
  --hot:#e8776a;--hot-bg:#341917;
  --amber:#d3a04d;--amber-bg:#2e2413;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ui);font-size:14px;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--chrome);outline-offset:2px}
[hidden]{display:none !important}

.bar{display:flex;align-items:center;gap:1.1rem;padding:0 1.1rem;height:50px;background:var(--panel);border-bottom:1px solid var(--rule-2);position:sticky;top:0;z-index:40}
.brand{font-weight:700;font-size:.9375rem;letter-spacing:-.012em;white-space:nowrap}
.brand em{font-style:normal;color:var(--chrome)}
.runmeta{display:flex;gap:.85rem;font-family:var(--mono);font-size:.6875rem;color:var(--ink-3);white-space:nowrap;overflow:hidden}
.runmeta b{color:var(--ink-2);font-weight:500}
.spacer{flex:1}
.who{font-family:var(--mono);font-size:.6875rem;color:var(--ink-3);white-space:nowrap}
.who b{color:var(--ink-2);font-weight:500}
.btn{border:1px solid var(--rule-2);background:var(--panel-2);border-radius:3px;padding:.32rem .7rem;font-size:.8125rem;font-weight:500;white-space:nowrap}
.btn:hover:not([disabled]){border-color:var(--chrome);color:var(--chrome)}
.btn.primary{background:var(--chrome);border-color:var(--chrome);color:var(--panel);font-weight:600}
.btn.primary:hover:not([disabled]){color:var(--panel);filter:brightness(1.12)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.chip{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.6875rem;font-weight:500;padding:.22rem .5rem;border-radius:2px;border:1px solid}
.chip b{font-weight:700}
.chip.hot{color:var(--hot);background:var(--hot-bg);border-color:var(--hot)}
.chip.amber{color:var(--amber);background:var(--amber-bg);border-color:var(--amber)}
.chip.cool{color:var(--chrome);background:var(--chrome-2);border-color:var(--chrome)}
.chip.void{color:var(--ink-2);background:var(--panel-3);border-color:var(--rule-2)}

/* builder */
.builder{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:1px;background:var(--rule)}
.bmain,.bside{background:var(--panel);padding:1.15rem}
.bside{background:var(--panel-2)}
.fieldgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.9rem 1.1rem}
.field{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.field.wide{grid-column:1/-1}
.field label{font-size:.625rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}
.field input,.field select{border:1px solid var(--rule-2);background:var(--panel-2);border-radius:3px;padding:.45rem .6rem;font-family:var(--mono);font-size:.8125rem;width:100%}
.ac{position:relative}
.aclist{position:absolute;top:calc(100% + 2px);left:0;right:0;border:1px solid var(--chrome);background:var(--panel);z-index:5;max-height:14rem;overflow-y:auto}
.acrow{display:flex;align-items:baseline;gap:.6rem;padding:.4rem .6rem;font-family:var(--mono);font-size:.72rem;border-bottom:1px solid var(--rule);width:100%;text-align:left;background:none;border-left:none;border-right:none;border-top:none}
.acrow:hover,.acrow:focus{background:var(--chrome-2)}
.acrow .code{color:var(--chrome);font-weight:600}
.acrow .nm{flex:1;color:var(--ink);font-family:var(--ui);font-size:.78rem}
.acrow .dim{color:var(--ink-3)}
.acmore{padding:.35rem .6rem;font-family:var(--mono);font-size:.625rem;color:var(--ink-3);background:var(--panel-2)}
.lookup-hint{min-height:1em;margin-top:-.05rem}
.field input[readonly]{background:var(--panel-3);color:var(--ink-2);border-style:dashed}
.field label .mapped{font-weight:500;letter-spacing:0;text-transform:none;color:var(--chrome);margin-left:.35rem}
.lookup-hint:empty{display:none}
.lookup-hint.warn{color:var(--amber)}
.occ{display:flex;flex-direction:column;gap:.4rem}
.occrow{display:flex;align-items:center;gap:.6rem;font-family:var(--mono);font-size:.75rem;border:1px solid var(--rule-2);background:var(--panel-2);border-radius:3px;padding:.4rem .55rem;flex-wrap:wrap}
.occrow .rn{color:var(--ink-3);width:3.4rem}
.occrow input{width:3.2rem;padding:.2rem .35rem}
.occrow input.ages{width:8rem}
.occrow .x{margin-left:auto;border:none;background:none;color:var(--ink-3);font-size:.75rem}
.addroom{align-self:flex-start;border:1px dashed var(--rule-2);background:none;border-radius:3px;padding:.3rem .6rem;font-size:.75rem;color:var(--ink-2)}
.bside h3{margin:0 0 .15rem;font-size:.8125rem;font-weight:700}
.bside .hint{margin:0 0 .8rem;font-size:.75rem;line-height:1.5;color:var(--ink-3)}
.chan{display:flex;flex-direction:column;gap:1px;background:var(--rule);border:1px solid var(--rule-2)}
.crow{display:flex;align-items:center;gap:.5rem;background:var(--panel);padding:.4rem .55rem;font-family:var(--mono);font-size:.6875rem;cursor:pointer}
.crow input{margin:0;accent-color:var(--chrome)}
.crow .nm{flex:1;color:var(--ink)}
.crow .st{font-size:.5625rem;color:var(--ink-3);text-align:right}
.bfoot{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:.8rem 1.15rem;background:var(--panel-3);border-top:1px solid var(--rule-2)}
.bfoot .sum{font-family:var(--mono);font-size:.6875rem;color:var(--ink-2)}
.err{color:var(--hot);font-size:.8125rem;font-weight:500}

/* progress */
.progress{padding:1.15rem}
.plegs{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule-2)}
.leg{background:var(--panel);padding:.55rem .7rem;display:flex;flex-direction:column;gap:.35rem}
.leg .lh{display:flex;align-items:center;gap:.45rem;font-family:var(--mono);font-size:.6875rem;font-weight:600}
.leg .lh .s{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--rule-2)}
.leg .lh .t{margin-left:auto;font-weight:400;color:var(--ink-3);font-size:.625rem}
.leg .msg{font-family:var(--mono);font-size:.5625rem;color:var(--ink-3);line-height:1.4}
.leg[data-state="done"] .s{background:var(--chrome)}
.leg[data-state="running"] .s{background:var(--ink-3);animation:pulse 1.1s ease-in-out infinite}
.leg[data-state="failed"] .s{background:var(--hot)}
.leg[data-state="failed"] .msg{color:var(--hot)}
.leg[data-state="skipped"] .s{background:var(--void);border:1px solid var(--rule-2)}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.leg[data-state="running"] .s{animation:none}}

/* findings + controls */
.findings{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.7rem 1.1rem;background:var(--panel);border-bottom:1px solid var(--rule-2)}
.findings .count{font-size:.9375rem;font-weight:600;margin-right:.4rem}
.controls{display:flex;align-items:center;gap:.9rem;padding:.55rem 1.1rem;background:var(--paper);border-bottom:1px solid var(--rule-2);position:sticky;top:50px;z-index:30;flex-wrap:wrap}
.seg{display:inline-flex;border:1px solid var(--rule-2);border-radius:3px;overflow:hidden;background:var(--panel-2)}
.seg button{border:none;background:transparent;padding:.32rem .85rem;font-size:.8125rem;font-weight:500;color:var(--ink-2)}
.seg button+button{border-left:1px solid var(--rule-2)}
.seg button[aria-pressed="true"]{background:var(--chrome);color:var(--panel);font-weight:600}
.toggle{display:inline-flex;align-items:center;gap:.45rem;font-size:.8125rem;color:var(--ink-2);border:1px solid var(--rule-2);background:var(--panel-2);border-radius:3px;padding:.32rem .7rem}
.toggle[aria-pressed="true"]{border-color:var(--hot);color:var(--hot);background:var(--hot-bg)}
.toggle .dot{width:7px;height:7px;border-radius:50%;border:1px solid currentColor}
.toggle[aria-pressed="true"] .dot{background:currentColor}
.legend{display:flex;gap:.85rem;font-family:var(--mono);font-size:.625rem;color:var(--ink-3);align-items:center}
.legend span{display:inline-flex;align-items:center;gap:.3rem}
.legend i{width:10px;height:10px;display:block;border:1px solid var(--rule-2)}
.legend i.c{background:var(--panel-2)}
.legend i.h{background:var(--hot-bg);border-color:var(--hot)}
.legend i.a{background:var(--amber-bg);border-color:var(--amber)}
.legend i.v{background:var(--void)}

/* banner */
.banner{display:flex;align-items:flex-start;gap:.9rem;padding:1.05rem 1.1rem;border-bottom:1px solid var(--rule-2);background:var(--panel)}
.banner .mark{width:26px;height:26px;border:1.5px solid;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.8125rem;font-weight:700;margin-top:.1rem}
.banner h3{margin:0 0 .25rem;font-size:1rem;font-weight:600}
.banner p{margin:0;font-size:.8125rem;line-height:1.55;color:var(--ink-2);max-width:70ch}
.banner.clean .mark{color:var(--chrome);border-color:var(--chrome)}
.banner.partial .mark{color:var(--amber);border-color:var(--amber)}
.banner.bad .mark{color:var(--hot);border-color:var(--hot)}

/* matrix */
.matrixwrap{overflow-x:auto;background:var(--paper)}
table.matrix{border-collapse:separate;border-spacing:0;min-width:100%;background:var(--panel)}
.matrix th,.matrix td{border-bottom:1px solid var(--rule);border-right:1px solid var(--rule);padding:0;text-align:left;vertical-align:top}
.matrix thead th{position:sticky;top:98px;z-index:20;background:var(--panel-3);border-bottom:1px solid var(--rule-2);padding:.5rem .65rem;font-family:var(--mono);font-size:.6875rem;font-weight:700;letter-spacing:.05em;white-space:nowrap;min-width:120px}
.matrix thead th .leg{display:block;font-weight:400;font-size:.5625rem;letter-spacing:.06em;color:var(--ink-3);margin-top:.15rem;text-transform:uppercase}
th.ref,td.ref{border-right:2px solid var(--rule-2);background:var(--panel-2)}
.matrix thead th.ref{background:var(--panel-3);color:var(--chrome)}
th.id,td.id{position:sticky;left:0;z-index:25;min-width:250px;max-width:250px;background:var(--panel-2);border-right:1px solid var(--rule-2)}
.matrix thead th.id{z-index:26;background:var(--panel-3)}
.idc{padding:.6rem .7rem;display:flex;flex-direction:column;gap:.28rem}
.idc .top{display:flex;align-items:center;gap:.4rem}
.sup{font-family:var(--mono);font-size:.625rem;font-weight:700;color:var(--chrome);background:var(--chrome-2);border:1px solid var(--chrome);border-radius:2px;padding:.06rem .3rem;white-space:nowrap}
.idc .room{font-weight:600;font-size:.8125rem;line-height:1.25}
.idc .attrs{font-family:var(--mono);font-size:.625rem;color:var(--ink-3)}
.expander{border:1px solid var(--rule-2);background:var(--panel);border-radius:2px;width:17px;height:17px;line-height:1;font-size:.625rem;font-family:var(--mono);color:var(--ink-2);padding:0;flex-shrink:0}
.cell{padding:.6rem .65rem .5rem;display:flex;flex-direction:column;gap:.35rem;min-height:76px}
.val{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:600}
.sub{font-family:var(--mono);font-size:.625rem;color:var(--ink-3);line-height:1.35}
td.v-Divergence,td.v-PolicyShape{background:var(--hot-bg)}
td.v-Divergence .val,td.v-PolicyShape .val{color:var(--hot)}
td.v-BasisConflict,td.v-CurrencyMismatch{background:var(--amber-bg)}
td.v-CurrencyMismatch .val{color:var(--amber)}
td.v-Dropped{background:var(--void)}
.delta{display:inline-block;font-family:var(--mono);font-size:.625rem;font-weight:700;color:var(--hot);border:1px solid var(--hot);border-radius:2px;padding:0 .25rem}
.rail{position:relative;height:9px;margin-top:auto}
.rail::before{content:"";position:absolute;left:0;right:0;top:4px;height:1px;background:var(--rule-2)}
.rail i{position:absolute;top:1px;left:50%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--ink-3)}
.rail.off i{background:var(--hot);width:9px;height:9px;top:0;margin-left:-4.5px}
.stub{min-height:76px;display:flex;flex-direction:column;justify-content:center;gap:.2rem;padding:.6rem .65rem}
td.v-Dropped .stub{background:color-mix(in srgb,var(--panel) 78%,transparent)}
.stub .lbl{font-family:var(--mono);font-size:.625rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2)}
.stub .why{font-family:var(--mono);font-size:.5625rem;color:var(--ink-3);line-height:1.35}
td.v-Error .lbl{color:var(--hot)}
td.v-NotConfigured .lbl,td.v-NoRoute .lbl{color:var(--amber)}

/* ladder silhouette */
.lad{display:flex;align-items:flex-end;gap:1px;height:20px;width:100%;border-bottom:1px solid var(--rule-2)}
.lad i{display:block;min-height:1px;background:var(--ink-3)}
td.v-Divergence .lad i,td.v-PolicyShape .lad i{background:var(--hot)}
.lad.big{height:44px}

/* drawer */
tr.detail>td{padding:0;background:var(--panel-2);border-bottom:2px solid var(--rule-2)}
.drawer{padding:1.05rem 1.15rem 1.25rem}
.drawer h3{margin:0 0 .35rem;font-size:.9375rem;font-weight:700}
.drawer>p{margin:0 0 1rem;max-width:66ch;font-size:.8125rem;line-height:1.55;color:var(--ink-2)}
.ladders{display:grid;grid-template-columns:150px minmax(0,1fr) 110px;gap:1px;background:var(--rule);border:1px solid var(--rule-2);margin-bottom:1rem}
.ladders>*{background:var(--panel);padding:.42rem .65rem}
.ladders .hd{background:var(--panel-3);font-family:var(--mono);font-size:.5625rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3)}
.ladders .ch{font-family:var(--mono);font-size:.6875rem;font-weight:600;display:flex;align-items:center}
.ladders .ch.refrow{color:var(--chrome)}
.ladders .amt{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:600;text-align:right}
.ladders .row-hot{background:var(--hot-bg)}
.ladders .row-hot .ch,.ladders .row-hot .amt{color:var(--hot)}
.ladders .axis{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.5625rem;color:var(--ink-3)}
.evidence{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule-2)}
.ev{background:var(--panel);padding:.7rem .8rem}
.ev .k{font-family:var(--mono);font-size:.5625rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.4rem}
.ev pre{margin:0;font-family:var(--mono);font-size:.625rem;line-height:1.55;color:var(--ink-2);white-space:pre-wrap;word-break:break-word;max-height:15rem;overflow:auto}
.ev .acts{display:flex;gap:.4rem;margin-top:.55rem}
.ev .acts button{border:1px solid var(--rule-2);background:var(--panel-2);border-radius:2px;padding:.2rem .5rem;font-family:var(--mono);font-size:.625rem;color:var(--ink-2)}

.status{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap;padding:.6rem 1.1rem;background:var(--panel);border-top:1px solid var(--rule-2);font-family:var(--mono);font-size:.625rem;color:var(--ink-3)}
.status b{color:var(--ink-2);font-weight:500}

@media (max-width:60rem){
  .builder{grid-template-columns:1fr}
  .bar{flex-wrap:wrap;height:auto;padding:.55rem 1rem;position:static}
  .controls{position:static}
  .matrix thead th{top:0}
  .legend{display:none}
}

/* suites */
.suites{display:grid;grid-template-columns:19rem minmax(0,1fr);gap:1px;background:var(--rule);max-width:100%;overflow:hidden}
.slist{background:var(--panel-2);padding:1.15rem}
.slist h3{margin:0 0 .15rem;font-size:.8125rem;font-weight:700}
.slist .hint{margin:0 0 .8rem;font-size:.75rem;line-height:1.5;color:var(--ink-3)}
.srow-actions{margin-top:.6rem}
.smain{background:var(--panel);display:flex;flex-direction:column}
.shead{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:.9rem 1.1rem;padding:1.15rem 1.15rem .6rem}
.crow[aria-current="true"]{background:var(--chrome-2)}
.crow .cnt{font-size:.5625rem;color:var(--ink-3)}
.caseswrap{overflow-x:auto;max-width:100%}
table.cases{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:.6875rem}
.cases th,.cases td{text-align:left;padding:.45rem .6rem;border-top:1px solid var(--rule);vertical-align:top}
.cases th{font-size:.5625rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);border-top:none}
.cases td input{border:1px solid var(--rule-2);background:var(--panel-2);border-radius:3px;padding:.25rem .4rem;font-family:var(--mono);font-size:.6875rem;width:100%}
.cases td input.n{width:3.6rem}
.cases td .x{border:none;background:none;color:var(--ink-3)}
.cases td .note{color:var(--ink-3);font-size:.5625rem;line-height:1.4}
.srun{padding:.9rem 1.15rem;border-top:1px solid var(--rule-2);background:var(--panel-2)}
.srun table{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:.6875rem}
.srun td,.srun th{padding:.35rem .5rem;text-align:left;border-top:1px solid var(--rule)}
.srun th{font-size:.5625rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);border-top:none}
.srun .st-running{color:var(--chrome)} .srun .st-Failed{color:var(--hot)} .srun .st-Complete{color:var(--ink-2)}
.srun a{color:var(--chrome);cursor:pointer;text-decoration:underline}

/* diff */
.diffbar{display:flex;align-items:flex-end;gap:.9rem;flex-wrap:wrap;padding:1rem 1.15rem;background:var(--panel);border-bottom:1px solid var(--rule-2)}
.diffbar .field{min-width:14rem}
.dsum{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:.8rem 1.15rem;background:var(--panel-3);border-bottom:1px solid var(--rule-2);font-size:.8125rem}
.dsum .word{font-family:var(--mono);font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:.2rem .5rem;border-radius:2px;border:1px solid}
.dsum .word.improved{color:var(--chrome);border-color:var(--chrome);background:var(--chrome-2)}
.dsum .word.regressed,.dsum .word.mixed{color:var(--hot);border-color:var(--hot);background:var(--hot-bg)}
.dsum .word.changed{color:var(--amber);border-color:var(--amber);background:var(--amber-bg)}
.dsum .word.unchanged{color:var(--ink-2);border-color:var(--rule-2);background:var(--panel-2)}
.dsum .qn{color:var(--amber);font-family:var(--mono);font-size:.6875rem}
.dcase{padding:.9rem 1.15rem;border-bottom:1px solid var(--rule)}
.dcase h3{margin:0 0 .5rem;font-size:.8125rem;font-weight:700}
.dcase h3 small{font-family:var(--mono);font-weight:500;color:var(--ink-3);margin-left:.6rem}
table.dt{border-collapse:collapse;width:100%;font-family:var(--mono);font-size:.6875rem;margin-bottom:.7rem}
.dt th,.dt td{text-align:left;padding:.35rem .5rem;border-top:1px solid var(--rule);vertical-align:top}
.dt th{font-size:.5625rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);border-top:none}
.dt td.c-Improved{background:var(--chrome-2);color:var(--chrome)}
.dt td.c-Regressed{background:var(--hot-bg);color:var(--hot)}
.dt td.c-Changed{background:var(--amber-bg);color:var(--amber)}
.dt td.c-OnlyInBase,.dt td.c-OnlyInOther{background:var(--void);color:var(--ink-2)}
.dt td.c-Unchanged{color:var(--ink-3)}
.dt .arrow{color:var(--ink-3)}
.dt .note{display:block;font-size:.5625rem;color:var(--ink-3);line-height:1.35}
.dtoggle{margin:.2rem 0 .6rem}