/* mrm6.css — Model Hub v6 (2026-09-30). Every class is prefixed h6- and scoped under
   .h6 (the hub's root, beside .mrm). Colours are the cockpit's own tokens from
   styles.css, so the hub follows the light/dark switch with no second palette; the one
   addition is the cadence set below — a fixed categorical slot per cadence, checked for
   colour-blind separation on both surfaces, and always printed beside its word. */

.h6 {
  --h6-f-daily: #2a78d6; --h6-f-weekly: #eb6834; --h6-f-monthly: #1baf7a; --h6-f-intraday: #eda100;
  --h6-f-quarterly: #e87ba4; --h6-f-ondemand: #4a3aa7; --h6-f-na: #9aa3ad;
  --h6-neutral: #8b95a3;
  --h6-segink: #fff;
}
:root[data-theme="dark"] .h6 {
  --h6-f-daily: #3987e5; --h6-f-weekly: #d95926; --h6-f-monthly: #199e70; --h6-f-intraday: #c98500;
  --h6-f-quarterly: #d55181; --h6-f-ondemand: #9085e9; --h6-f-na: #6e7681;
  --h6-neutral: #6e7681;
  --h6-segink: #0d1117;
}

@supports (background: color-mix(in srgb, red 10%, blue)) {
  .h6 .h6-freq { background: color-mix(in srgb, var(--fc) 13%, transparent); }
  .h6 .h6-seg-notreliable { background: color-mix(in srgb, var(--bear) 58%, var(--panel)); opacity: 1; }
  .h6 .h6-oc:hover { border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); }
}

/* ── tones: one pair of variables, set by a class, read by every component ── */
.h6 .h6-t-good, .h6 .h6-tone-good { --t: var(--bull); --tb: var(--bull-bg); }
.h6 .h6-t-warn, .h6 .h6-tone-warn { --t: var(--amber); --tb: var(--amber-bg); }
.h6 .h6-t-bad,  .h6 .h6-tone-bad  { --t: var(--bear); --tb: var(--bear-bg); }
.h6 .h6-t-info, .h6 .h6-tone-info { --t: var(--blue-chip); --tb: var(--blue-chip-bg); }
.h6 .h6-t-mute, .h6 .h6-tone-mute { --t: var(--grey-chip); --tb: var(--grey-chip-bg); }

.h6 a:where(:not(.h6-detail a, .h6-legacy a)) { color: var(--accent); text-decoration: none; }
.h6 a:where(:not(.h6-detail a, .h6-legacy a)):hover { text-decoration: underline; }
.h6 .h6-dim { color: var(--muted); }
.h6 .h6-page { display: flex; flex-direction: column; gap: 10px; }
.h6 .h6-wait, .h6 .h6-empty { color: var(--muted); padding: 18px 10px; font-size: 12.5px; }
.h6 td.h6-empty { text-align: center; }
.h6 .h6-lnk { font: inherit; font-size: 12px; color: var(--accent); background: none; border: 0; padding: 0; cursor: pointer; }
.h6 .h6-lnk:hover { text-decoration: underline; }
.h6 .h6-more-btn { margin-top: 6px; }
.h6 .h6-lab { display: inline-block; margin-right: 7px; font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--muted); }
.h6 .h6-clip1, .h6 .h6-clip2, .h6 .h6-clip3 { overflow: hidden; }
.h6 .h6-clip1 { white-space: nowrap; text-overflow: ellipsis; min-width: 0; }
.h6 .h6-clip2, .h6 .h6-clip3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.h6 .h6-clip3 { -webkit-line-clamp: 3; line-clamp: 3; }
.h6 .h6-foot { font-size: 11.5px; }

/* ── top bar ── */
.h6 .h6-top { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; }
.h6 .h6-title { font-size: 15px; font-weight: 700; }
.h6 .h6-nav { display: inline-flex; gap: 4px; flex-wrap: wrap; }
.h6 .h6-pill {
  display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; line-height: 1.3; color: var(--muted);
  border: 1px solid var(--border); border-radius: 14px; padding: 3px 11px; background: var(--panel); white-space: nowrap;
}
.h6 .h6-pill:hover { color: var(--accent); border-color: var(--accent); text-decoration: none; }
.h6 .h6-pill b { font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; }
.h6 .h6-pill.on { background: var(--accent); border-color: var(--accent); color: #fff; font-weight: 600; }
.h6 .h6-pill.on b { color: rgba(255,255,255,.85); }
.h6 .h6-asof { margin-left: 0; font-size: 12px; color: var(--muted); white-space: nowrap; }
.h6 .h6-find { position: relative; margin-left: auto; }
.h6 .h6-find input, .h6 .h6-q {
  font: inherit; font-size: 12.5px; width: 210px; max-width: 60vw; padding: 4px 9px;
  border: 1px solid var(--border); border-radius: 6px; background: var(--panel); color: var(--text);
}
.h6 .h6-find input:focus, .h6 .h6-q:focus { outline: none; border-color: var(--accent); }
.h6 .h6-sug {
  position: absolute; right: 0; top: calc(100% + 4px); z-index: 30; width: 380px; max-width: 92vw;
  background: var(--panel); border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 10px 28px rgba(0,0,0,.22); padding: 4px;
}
.h6 .h6-sug[hidden] { display: none; }
.h6 .h6-sug-it { display: grid; grid-template-columns: 50px 1fr auto; gap: 8px; align-items: baseline; padding: 5px 8px; border-radius: 5px; font-size: 12.5px; color: var(--text); }
.h6 .h6-sug-it:hover, .h6 .h6-sug-it.on { background: var(--accent-soft); text-decoration: none; }
.h6 .h6-sug-it b { color: var(--accent); font: 700 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.h6 .h6-sug-it .nm { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-sug-it .mk { color: var(--muted); font-size: 11px; }
.h6 .h6-sug-empty { padding: 6px 8px; color: var(--muted); font-size: 12px; }

/* ── small parts ── */
.h6 .h6-id, .h6 .h6-idp {
  display: inline-block; font: 700 11.5px/1.5 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: var(--accent); background: var(--accent-soft); border-radius: 5px; padding: 0 6px; white-space: nowrap;
}
.h6 .h6-id:hover { text-decoration: none; filter: brightness(.96); }
.h6 .h6-id-s { font-size: 10.5px; padding: 0 5px; margin: 1px 3px 1px 0; }
.h6 .h6-id-dec { color: var(--amber); background: var(--amber-bg); }
.h6 .h6-star { font: inherit; font-size: 15px; line-height: 1; background: none; border: 0; padding: 0 2px; cursor: pointer; color: var(--muted); opacity: .55; }
.h6 .h6-star:hover { opacity: 1; color: var(--amber); }
.h6 .h6-star.on { color: #e3a008; opacity: 1; }
.h6 .h6-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--t, var(--border)); flex: none; }
.h6 .h6-freq {
  --fc: var(--h6-f-na);
  display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600; line-height: 1.5; color: var(--text);
  padding: 0 8px 0 6px; border-radius: 10px; background: var(--grey-chip-bg); white-space: nowrap;
}
.h6 .h6-freq i { width: 7px; height: 7px; border-radius: 50%; background: var(--fc); flex: none; }
.h6 .h6-f-daily { --fc: var(--h6-f-daily); } .h6 .h6-f-weekly { --fc: var(--h6-f-weekly); }
.h6 .h6-f-monthly { --fc: var(--h6-f-monthly); } .h6 .h6-f-intraday { --fc: var(--h6-f-intraday); }
.h6 .h6-f-quarterly { --fc: var(--h6-f-quarterly); } .h6 .h6-f-ondemand { --fc: var(--h6-f-ondemand); }
.h6 .h6-rate {
  display: inline-block; font-size: 10.5px; font-weight: 700; letter-spacing: .03em; line-height: 1.5;
  padding: 1px 7px; border-radius: 5px; white-space: nowrap; border: 1px solid transparent;
}
.h6 .h6-rate-fit { background: var(--bull-bg); color: var(--bull); }
.h6 .h6-rate-limited { background: var(--amber-bg); color: var(--amber); }
.h6 .h6-rate-notvalidated { background: var(--grey-chip-bg); color: var(--grey-chip); border: 1px dashed var(--grey-chip); }
.h6 .h6-rate-notreliable, .h6 .h6-rate-notfit { background: var(--bear-bg); color: var(--bear); }
.h6 .h6-rate-na { color: var(--muted); border-color: var(--border); font-weight: 600; letter-spacing: 0; }
.h6 .h6-rate-lg { font-size: 13px; padding: 2px 10px; }
.h6 .h6-stage { display: inline-block; font-size: 10.5px; line-height: 1.55; padding: 0 7px; border-radius: 9px; background: var(--tb); color: var(--t); white-space: nowrap; }
.h6 .h6-tk {
  display: inline-block; font: 600 11.5px/1.55 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  padding: 0 6px; border-radius: 5px; border: 1px solid var(--border); background: var(--bg); color: var(--text);
}
.h6 .h6-tk:hover { border-color: var(--accent); color: var(--accent); text-decoration: none; }
.h6 .h6-picks { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.h6 .h6-picks-more { font-size: 11px; color: var(--muted); }
.h6 .h6-picks-tail { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.h6 .h6-new { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: 12px; }
.h6 .h6-new-k { margin-right: 3px; }
.h6 .h6-new .h6-tk { background: var(--accent-soft); border-color: transparent; color: var(--accent); }
.h6 .h6-fresh { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; color: var(--t); white-space: nowrap; }
.h6 .h6-fwd { font-size: 12px; white-space: nowrap; }
.h6 .h6-fwd b { font-variant-numeric: tabular-nums; }
.h6 .bull { color: var(--bull); } .h6 .bear { color: var(--bear); }
.h6 .h6-needs { display: flex; align-items: center; gap: 6px; min-width: 0; }
.h6 .h6-needs-t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.h6 .h6-btn {
  display: inline-flex; align-items: center; font: inherit; font-size: 12px; line-height: 1.3; white-space: nowrap; cursor: pointer;
  padding: 4px 10px; border-radius: 6px; border: 1px solid var(--border); background: var(--panel); color: var(--text);
}
.h6 .h6-btn:hover { border-color: var(--accent); color: var(--accent); text-decoration: none; }
.h6 .h6-btn-p { background: var(--accent); border-color: var(--accent); color: #fff; font-weight: 600; }
.h6 .h6-btn-p:hover { color: #fff; filter: brightness(1.08); }
.h6 .h6-legend { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 11px; color: var(--muted); margin-top: 8px; align-items: center; }
.h6 .h6-legend-top { margin: 0 0 8px; }
.h6 .h6-legend span { display: inline-flex; align-items: center; gap: 5px; }
.h6 .h6-sw { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.h6 .h6-still { color: var(--text); } .h6 .h6-still b { font-weight: 700; }

/* ── the call (a page's verdict) ── */
.h6 .h6-call {
  display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 9px;
  background: var(--tb); box-shadow: inset 3px 0 0 var(--t); font-size: 12.5px; line-height: 1.5;
}
.h6 .h6-call-ic { color: var(--t); font-weight: 800; font-size: 13px; flex: none; width: 14px; text-align: center; }
.h6 .h6-call-b { flex: 1; min-width: 0; }
.h6 .h6-call-b > b { font-size: 13.5px; font-weight: 700; margin-right: 4px; }
.h6 .h6-call-go { flex: none; display: inline-flex; gap: 8px; align-items: center; font-size: 12px; }

/* ── sections, grids ── */
.h6 .h6-sec-h { display: flex; align-items: baseline; gap: 8px; margin: 4px 2px 6px; }
.h6 .h6-sec-t { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--text); }
.h6 .h6-sec-n { font-size: 11px; font-weight: 700; color: var(--muted); }
.h6 .h6-sec-hint { font-size: 11.5px; color: var(--muted); }
.h6 .h6-sec-r { margin-left: auto; font-size: 12px; }
.h6 .h6-g2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; align-items: stretch; }

/* ── cards ── */
.h6 .h6-card { background: var(--panel); border: 1px solid var(--border); border-radius: 9px; padding: 9px 12px 11px; min-width: 0; display: flex; flex-direction: column; }
.h6 .h6-card[class*="h6-tone-"] { box-shadow: inset 3px 0 0 var(--t); }
.h6 .h6-card-h { display: flex; align-items: center; gap: 7px; margin-bottom: 8px; min-height: 18px; }
.h6 .h6-card-t { font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--text); }
.h6 .h6-card-u { font-size: 10.5px; color: var(--muted); }
.h6 .h6-card-more { margin-left: auto; font-size: 11.5px; white-space: nowrap; }
.h6 .h6-card-b { display: flex; flex-direction: column; gap: 7px; flex: 1; min-width: 0; font-size: 12.5px; line-height: 1.45; }
.h6 .h6-card-b p { margin: 0; }
.h6 .h6-card-flush { padding: 2px 12px; }
.h6 .h6-lead { font-size: 12.5px; font-weight: 600; }
.h6 .h6-kv { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 8px; align-items: baseline; font-size: 12px; }
.h6 .h6-kv > span { color: var(--muted); }
.h6 .h6-kv > b { font-weight: 500; min-width: 0; }
.h6 .h6-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; min-width: 0; font-size: 12px; }
.h6 .h6-row .h6-clip1, .h6 .h6-row .h6-clip2 { flex: 1 1 140px; }
.h6 .h6-cap { font-size: 12px; }
.h6 .h6-flag { font-size: 11.5px; font-weight: 600; color: var(--t); background: var(--tb); border-radius: 6px; padding: 3px 8px; }

/* ── tiles ── */
.h6 .h6-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 8px; }
.h6 .h6-tile {
  display: flex; flex-direction: column; gap: 2px; min-width: 0; padding: 8px 11px 9px; border-radius: 9px;
  background: var(--panel); border: 1px solid var(--border); color: var(--text); position: relative;
}
.h6 a.h6-tile:hover { border-color: var(--accent); text-decoration: none; }
.h6 .h6-tile[class*="h6-tone-"] { box-shadow: inset 0 3px 0 var(--t); }
.h6 .h6-tile .k { font-size: 11px; color: var(--muted); display: flex; align-items: center; gap: 4px; min-height: 16px; }
.h6 .h6-tile .v { font-size: 20px; font-weight: 700; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.h6 .h6-tile .v small { font-size: 12px; font-weight: 600; color: var(--muted); }
.h6 .h6-tile .s { font-size: 11px; color: var(--muted); line-height: 1.35; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.h6 .h6-tile .h6-meter { margin-top: 5px; flex: none; }
.h6 .h6-tile .h6-spark { color: var(--muted); margin-top: 3px; }
.h6 .h6-tiles-m .h6-tile .v { font-size: 17px; }
.h6 .h6-tiles-m .h6-tile .v .h6-rate-lg { font-size: 12.5px; vertical-align: 2px; }

/* ── figures ── */
.h6 .h6-meter { position: relative; display: block; height: 6px; border-radius: 3px; background: var(--tb); flex: 1; min-width: 56px; }
.h6 .h6-meter i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 3px; background: var(--t); min-width: 2px; }
.h6 .h6-meter u { position: absolute; top: -3px; bottom: -3px; width: 2px; margin-left: -1px; background: var(--text); opacity: .5; text-decoration: none; }
.h6 .h6-stack { display: flex; gap: 2px; height: 18px; flex: 1; min-width: 0; }
.h6 .h6-seg {
  display: flex; align-items: center; justify-content: center; min-width: 5px; border-radius: 3px;
  font-size: 10.5px; font-weight: 700; color: var(--h6-segink); font-variant-numeric: tabular-nums; overflow: visible; white-space: nowrap;
}
.h6 a.h6-seg:hover { text-decoration: none; filter: brightness(1.12); }
.h6 .h6-seg-fit { background: var(--bull); }
.h6 .h6-seg-limited, .h6 .h6-seg-med { background: var(--amber); }
.h6 .h6-seg-notvalidated, .h6 .h6-seg-low { background: var(--h6-neutral); }
.h6 .h6-seg-notreliable { background: var(--bear); opacity: .62; }
.h6 .h6-seg-notfit, .h6 .h6-seg-high { background: var(--bear); }
.h6 .h6-seg-tools { background: var(--grey-chip-bg); color: var(--grey-chip); box-shadow: inset 0 0 0 1px var(--border); }
.h6 .h6-barrow { display: grid; grid-template-columns: 104px minmax(0, 1fr) auto; gap: 8px; align-items: center; font-size: 12px; }
.h6 .h6-barrow-k { color: var(--muted); }
.h6 .h6-barrow-v { font-weight: 700; font-variant-numeric: tabular-nums; min-width: 24px; text-align: right; }
.h6 .h6-vmini { flex: none; }
.h6 .h6-vmini .up, .h6 .h6-vchart .up { fill: var(--bull); }
.h6 .h6-vmini .dn, .h6 .h6-vchart .dn { fill: var(--bear); }
.h6 .h6-vmini .ax { stroke: var(--muted); stroke-width: 1; opacity: .5; }
.h6 .h6-vchart { width: 100%; height: auto; max-height: 178px; display: block; font-family: inherit; }
.h6 .h6-vchart .zero { stroke: var(--muted); stroke-width: 1; opacity: .7; }
.h6 .h6-vchart .grid { stroke: var(--row-border); stroke-width: 1; }
.h6 .h6-vchart .tick { fill: var(--muted); font-size: 10px; font-variant-numeric: tabular-nums; }
.h6 .h6-vchart .val { fill: var(--text); font-size: 10px; font-weight: 600; font-variant-numeric: tabular-nums; }
.h6 .h6-vchart .hit { fill: transparent; }
.h6 .h6-vchart .hit:hover { fill: var(--sel-wash); }

/* ── output cards ── */
.h6 .h6-ocards { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 10px; }
.h6 .h6-ocards-mini { grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); }
.h6 .h6-oc { display: flex; flex-direction: column; gap: 7px; min-width: 0; padding: 10px 12px; border-radius: 10px; background: var(--panel); border: 1px solid var(--border); }
.h6 .h6-oc:hover { border-color: var(--accent); }
.h6 .h6-oc-late { box-shadow: inset 3px 0 0 var(--amber); }
.h6 .h6-oc-h { display: flex; align-items: center; gap: 7px; min-width: 0; }
.h6 .h6-oc-nm { display: flex; align-items: center; gap: 7px; min-width: 0; flex: 1; color: var(--text); }
.h6 .h6-oc-nm:hover { text-decoration: none; }
.h6 .h6-oc-nm:hover b { color: var(--accent); }
.h6 .h6-oc-nm b { font-size: 13.5px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-oc-what { margin: 0; font-size: 12px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-oc-meta { display: flex; align-items: center; gap: 4px 10px; flex-wrap: wrap; font-size: 12px; }
.h6 .h6-oc-meta .h6-rate { margin-left: auto; }
.h6 .h6-oc-fwd { display: flex; align-items: center; gap: 9px; }
.h6 .h6-oc-f { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 2px; }
.h6 .h6-oc-f .h6-lnk { margin-left: auto; }
.h6 .h6-oc-mini { gap: 6px; padding: 9px 11px; }
.h6 .h6-oc-mini .h6-oc-nm b { font-size: 12.5px; }
.h6 .h6-oc-on { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 12px; }

/* ── Home: the pinned cards, then every other list one line each ── */
.h6 .h6-pinrow { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; }
.h6 .h6-pinrow > .h6-oc { flex: 1 1 330px; max-width: 470px; }
.h6 .h6-pinrow > .h6-others { flex: 1 1 420px; }
.h6 .h6-orows { gap: 0; }
.h6 .h6-orow {
  display: grid; grid-template-columns: 20px 52px minmax(0, 1fr) 80px 56px 118px 112px; gap: 8px; align-items: center;
  padding: 5px 2px; border-top: 1px solid var(--row-border); cursor: pointer; font-size: 12.5px;
}
.h6 .h6-orow > * { justify-self: start; min-width: 0; }
.h6 .h6-orow > b { justify-self: stretch; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-orow > .h6-rate { justify-self: end; }
.h6 .h6-orow:first-child { border-top: 0; }
.h6 .h6-orow:hover { background: var(--hover); }
.h6 .h6-orow:hover b { color: var(--accent); }
.h6 .h6-orow-d { font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* ── Home ── */
.h6 .h6-acts { display: flex; flex-direction: column; }
.h6 .h6-act {
  display: grid; grid-template-columns: 10px minmax(64px, auto) minmax(0, 1fr) auto 14px; gap: 9px; align-items: center;
  padding: 6px 4px; border-top: 1px solid var(--row-border); color: var(--text);
}
.h6 .h6-act:first-child { border-top: 0; }
.h6 .h6-act:hover { background: var(--hover); text-decoration: none; }
.h6 .h6-act-ids { display: flex; gap: 3px; flex-wrap: wrap; }
.h6 .h6-act-t { min-width: 0; }
.h6 .h6-act-t b { display: block; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-act-t small { display: block; font-size: 11.5px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-act-age { font-size: 11px; color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.h6 .h6-act-go { color: var(--muted); }
.h6 .h6-run { display: grid; grid-template-columns: 124px minmax(0, 1fr); gap: 8px; align-items: start; padding: 5px 0; border-top: 1px solid var(--row-border); }
.h6 .h6-run:first-child { border-top: 0; }
.h6 .h6-run-k { display: flex; align-items: center; gap: 6px; }
.h6 .h6-run-k b { font-size: 12px; font-variant-numeric: tabular-nums; }
.h6 .h6-run-ids { display: flex; flex-wrap: wrap; gap: 4px; }
.h6 .h6-runid {
  font: 600 10.5px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; padding: 0 6px; border-radius: 5px;
  border: 1px solid var(--border); background: var(--bg); color: var(--text);
}
.h6 .h6-runid:hover { border-color: var(--accent); color: var(--accent); text-decoration: none; }
.h6 .h6-runid.tool { border-style: dashed; color: var(--muted); }
.h6 .h6-runid span { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; font-weight: 400; margin-left: 6px; color: var(--muted); }
.h6 .h6-runid.ok { border-color: var(--bull); background: var(--bull-bg); }
.h6 .h6-runid.late { border-color: var(--amber); background: var(--amber-bg); }
.h6 .h6-mix { display: grid; grid-template-columns: 34px minmax(0, 1fr) 26px; gap: 8px; align-items: center; padding: 4px 0; }
.h6 .h6-mix-n { font-size: 12px; font-weight: 700; text-align: right; font-variant-numeric: tabular-nums; }
.h6 .h6-matrix { width: 100%; border-collapse: separate; border-spacing: 4px; table-layout: fixed; margin: -4px; }
.h6 .h6-matrix th { font-size: 10.5px; font-weight: 600; color: var(--muted); text-align: left; padding: 0 4px 2px; }
.h6 .h6-matrix tbody th { width: 74px; vertical-align: middle; color: var(--text); font-size: 11.5px; }
.h6 .h6-matrix tbody th small { display: block; font-weight: 400; color: var(--muted); font-size: 10px; }
.h6 .h6-mx { vertical-align: top; border-radius: 7px; padding: 6px 8px 7px; background: var(--tb, var(--bg)); height: 58px; }
.h6 .h6-mx-t1 { --t: var(--bear); --tb: var(--bear-bg); } .h6 .h6-mx-t2 { --t: var(--amber); --tb: var(--amber-bg); }
.h6 .h6-mx-t3 { --t: var(--blue-chip); --tb: var(--blue-chip-bg); } .h6 .h6-mx-t4 { --t: var(--bull); --tb: var(--bull-bg); }
.h6 .h6-mx-0 { opacity: .5; }
.h6 .h6-mx-h { display: flex; align-items: baseline; gap: 6px; margin-bottom: 3px; }
.h6 .h6-mx-tier { font-size: 10px; font-weight: 800; letter-spacing: .05em; color: var(--t); }
.h6 .h6-mx-n { font-size: 15px; font-weight: 700; color: var(--text); }
.h6 .h6-mx-ids { display: flex; flex-wrap: wrap; align-items: center; font-size: 11px; }
.h6 .h6-mx-ids .h6-id { background: var(--panel); }
.h6 .h6-mx-tools { font-size: 11px; color: var(--muted); }
.h6 .h6-banner { font-size: 12px; color: var(--amber); background: var(--amber-bg); border-radius: 8px; padding: 6px 12px; margin-bottom: 8px; }
.h6 .h6-fold { border: 1px solid var(--border); border-radius: 9px; background: var(--panel); padding: 7px 12px; font-size: 12.5px; }
.h6 .h6-fold > summary { cursor: pointer; font-weight: 600; color: var(--muted); }
.h6 .h6-fold > summary b { margin-left: 5px; color: var(--text); }
.h6 .h6-fold[open] > summary { margin-bottom: 6px; color: var(--text); }
.h6 .h6-fold-in { border: 0; padding: 0; background: none; }
.h6 .h6-fold-in p { margin: 4px 0 0; color: var(--muted); line-height: 1.5; }
.h6 .h6-ul { margin: 0; padding-left: 18px; line-height: 1.6; color: var(--muted); }

/* ── filter bars ── */
.h6 .h6-bar { display: flex; align-items: center; gap: 6px 8px; flex-wrap: wrap; margin-bottom: 8px; font-size: 12px; }
.h6 .h6-bar-top { margin-bottom: 0; }
.h6 .h6-bar-l { font-size: 11px; color: var(--muted); margin-left: 8px; }
.h6 .h6-bar-hint { margin-left: auto; font-size: 11.5px; color: var(--muted); }
.h6 .h6-count { color: var(--muted); } .h6 .h6-count b { color: var(--text); }
.h6 .h6-chips { display: flex; flex-wrap: wrap; gap: 5px; flex: 1; min-width: 0; }
.h6 .h6-chip {
  display: inline-flex; align-items: center; gap: 6px; font-size: 12px; line-height: 1.3; color: var(--muted);
  border: 1px solid var(--border); border-radius: 14px; padding: 3px 10px; background: var(--panel); white-space: nowrap;
}
.h6 .h6-chip:hover { color: var(--accent); border-color: var(--accent); text-decoration: none; }
.h6 .h6-chip b { color: var(--text); font-variant-numeric: tabular-nums; }
.h6 .h6-chip.on { background: var(--accent-soft); border-color: var(--accent); color: var(--accent); font-weight: 600; }
.h6 .h6-chip .x { font-size: 10px; opacity: .7; }
.h6 .h6-segctl { display: inline-flex; border: 1px solid var(--border); border-radius: 7px; overflow: hidden; background: var(--panel); }
.h6 .h6-segctl button { font: inherit; font-size: 12px; padding: 3px 10px; border: 0; background: transparent; color: var(--muted); cursor: pointer; display: inline-flex; gap: 5px; align-items: center; }
.h6 .h6-segctl button + button { border-left: 1px solid var(--border); }
.h6 .h6-segctl button b { color: var(--text); font-variant-numeric: tabular-nums; }
.h6 .h6-segctl button.on { background: var(--accent); color: #fff; font-weight: 600; }
.h6 .h6-segctl button.on b { color: rgba(255,255,255,.85); }
.h6 .h6-segctl-s button { font-size: 11.5px; padding: 2px 8px; }
.h6 .h6-fchip { font: inherit; display: inline-flex; align-items: center; gap: 4px; padding: 1px 6px 1px 2px; border-radius: 12px; border: 1px solid transparent; background: none; cursor: pointer; color: var(--muted); }
.h6 .h6-fchip b { font-size: 11px; font-variant-numeric: tabular-nums; }
.h6 .h6-fchip:hover { border-color: var(--border); }
.h6 .h6-fchip.on { border-color: var(--accent); background: var(--accent-soft); color: var(--text); }

/* ── the summary tables ── */
.h6 .h6-tw { border: 1px solid var(--border); border-radius: 9px; background: var(--panel); overflow-x: auto; }
.h6 .h6-tbl { width: 100%; min-width: 980px; border-collapse: collapse; table-layout: fixed; font-size: 12.5px; }
.h6 .h6-tbl th {
  text-align: left; font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted);
  padding: 7px 10px; border-bottom: 1px solid var(--border); background: var(--thead); white-space: nowrap; -webkit-user-select: none; user-select: none;
}
.h6 .h6-tbl th[data-h6-sort] { cursor: pointer; }
.h6 .h6-tbl th[data-h6-sort]:hover { color: var(--accent); }
.h6 .h6-tbl td { padding: 7px 10px; border-bottom: 1px solid var(--row-border); vertical-align: top; min-width: 0; overflow: hidden; }
.h6 .h6-tbl tbody tr:last-child td { border-bottom: 0; }
.h6 .h6-tbl tr[data-h6-row] { cursor: pointer; }
.h6 .h6-tbl tr[data-h6-row]:hover td { background: var(--hover); }
.h6 .h6-tbl tr.h6-row-bad td:first-child { box-shadow: inset 3px 0 0 var(--bear); }
.h6 .h6-tbl tr.h6-grp td { background: var(--bg); padding: 6px 10px 5px; font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--text); }
.h6 .h6-tbl tr.h6-grp td b { margin-left: 7px; color: var(--muted); font-weight: 700; }
.h6 .h6-th-pin, .h6 .h6-c-pin { width: 34px; padding-right: 0 !important; }
.h6 .h6-th-cmp, .h6 .h6-c-cmp { width: 34px; text-align: center; }
.h6 .h6-tbl-models .h6-th-name { width: 31%; } .h6 .h6-tbl-models .h6-th-freq { width: 15%; }
.h6 .h6-tbl-models .h6-th-out { width: 20%; } .h6 .h6-tbl-models .h6-th-trust { width: 15%; }
.h6 .h6-tbl-tools .h6-th-name { width: 30%; } .h6 .h6-tbl-tools .h6-th-freq { width: 16%; }
.h6 .h6-tbl-tools .h6-th-surf { width: 14%; } .h6 .h6-tbl-tools .h6-th-feeds { width: 14%; } .h6 .h6-tbl-tools .h6-th-review { width: 14%; }
.h6 .h6-nm-l { display: flex; align-items: center; gap: 6px; min-width: 0; }
.h6 .h6-nm { display: flex; align-items: center; gap: 7px; min-width: 0; color: var(--text); }
.h6 .h6-nm b { font-weight: 600; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-nm:hover { text-decoration: none; } .h6 .h6-nm:hover b { color: var(--accent); }
.h6 .h6-sub { display: block; margin-top: 3px; font-size: 11.5px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-sub.bear { color: var(--bear); }
.h6 .h6-out-1 { display: flex; align-items: center; gap: 8px; font-size: 12px; margin-bottom: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.h6 .h6-c-out .h6-picks { flex-wrap: nowrap; overflow: hidden; }
.h6 .h6-c-feeds { white-space: normal; }
.h6 .h6-cmpbar {
  position: sticky; bottom: 8px; align-self: center; display: flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 10px;
  background: var(--panel); border: 1px solid var(--accent); box-shadow: 0 8px 24px rgba(0,0,0,.18); font-size: 12px;
}
.h6 .h6-cmpbar[hidden] { display: none; }

/* ── Decisions ── */
.h6 .h6-decs { display: grid; grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); gap: 10px; }
.h6 .h6-dec { display: flex; flex-direction: column; gap: 7px; padding: 10px 12px; border-radius: 10px; background: var(--panel); border: 1px solid var(--border); box-shadow: inset 3px 0 0 var(--t); min-width: 0; }
.h6 .h6-dec-h { display: flex; align-items: center; gap: 7px; }
.h6 .h6-dec-id { font: 700 12px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }
.h6 .h6-dec-age { margin-left: auto; font-size: 11px; font-weight: 600; color: var(--t); background: var(--tb); border-radius: 9px; padding: 0 8px; line-height: 1.6; }
.h6 .h6-dec-t { margin: 0; font-size: 13.5px; font-weight: 700; line-height: 1.35; }
.h6 .h6-dec-rec { font-size: 12.5px; line-height: 1.5; background: var(--bg); border-radius: 7px; padding: 6px 9px; }
.h6 .h6-dec-opts { margin: 0; padding-left: 20px; font-size: 12px; line-height: 1.55; color: var(--muted); }
/* decisions take an answer (2026-10-26): Approve / Reject / choose on the card, then the action tracker */
.h6 .h6-dec-opts li.rec { color: var(--text); }
.h6 .h6-dec-rtag { display: inline-block; margin-left: 4px; font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--bull); }
.h6 .h6-dec-pick { font-size: 11px; margin-left: 4px; opacity: .85; }
.h6 .h6-dec-do { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: auto; padding-top: 7px; border-top: 1px solid var(--row-border); }
.h6 .h6-dec-do .h6-btn { padding: 4px 12px; }
.h6 .h6-dec-no:hover { border-color: var(--bear); color: var(--bear); }
.h6 .h6-dec-do .h6-dec-note { flex: 1 1 140px; min-width: 0; width: auto; font-size: 12px; }
.h6 .h6-dec-err { display: block; font-size: 11.5px; color: var(--bear); }
.h6 .h6-dtbl { width: 100%; min-width: 760px; border-collapse: collapse; table-layout: fixed; font-size: 12.5px; }
.h6 .h6-dtbl col.c1 { width: 30%; } .h6 .h6-dtbl col.c2 { width: 30%; } .h6 .h6-dtbl col.c3 { width: 28%; } .h6 .h6-dtbl col.c4 { width: 12%; }
.h6 .h6-dtbl th { text-align: left; font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted);
  padding: 7px 10px; border-bottom: 1px solid var(--border); background: var(--thead); white-space: nowrap; }
.h6 .h6-dtbl td { padding: 7px 10px; border-bottom: 1px solid var(--row-border); vertical-align: top; line-height: 1.45; }
.h6 .h6-dtbl tbody tr:last-child td { border-bottom: 0; }
.h6 .h6-dec-idc { display: flex; align-items: center; gap: 6px; margin-bottom: 2px; }
.h6 .h6-dec-tt { display: block; color: var(--text); font-weight: 600; }
.h6 .h6-dec-sum { display: block; margin-top: 3px; color: var(--muted); font-size: 12px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.h6 .h6-dec-until { display: block; margin-top: 2px; font-size: 11px; color: var(--amber); }
.h6 .h6-dec-note-r { display: block; margin-top: 2px; font-size: 11px; font-style: italic; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-dec-when { display: block; font-variant-numeric: tabular-nums; }
.h6 .h6-dtbl td small { display: block; }
.h6 .h6-dtbl .h6-lnk { margin-top: 3px; font-size: 11.5px; }
.h6 details.h6-fold > .h6-tw { margin-top: 8px; }
@media (max-width: 640px) {   /* the tracker stacks: one block per decision, no sideways scroll */
  .h6 .h6-dtbl { min-width: 0; }
  .h6 .h6-dtbl colgroup, .h6 .h6-dtbl thead { display: none; }
  .h6 .h6-dtbl, .h6 .h6-dtbl tbody, .h6 .h6-dtbl tr, .h6 .h6-dtbl td { display: block; width: auto; }
  .h6 .h6-dtbl tr { padding: 6px 0; border-bottom: 1px solid var(--row-border); }
  .h6 .h6-dtbl tbody tr:last-child { border-bottom: 0; }
  .h6 .h6-dtbl td { border-bottom: 0; padding: 3px 10px; }
  .h6 .h6-dtbl td:last-child { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; }
  .h6 .h6-dtbl td:last-child > * { display: inline; margin: 0; }
}
.h6 .h6-sugrow { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 7px 0; border-top: 1px solid var(--row-border); }
.h6 .h6-sugrow:first-child { border-top: 0; }
.h6 .h6-sug-t b { display: block; font-weight: 600; }
.h6 .h6-sug-t small { display: block; font-size: 11.5px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-sug-t small i { font-style: normal; opacity: .8; margin-left: 6px; }
.h6 .h6-chg { display: flex; flex-direction: column; gap: 3px; max-height: 360px; overflow-y: auto; }
.h6 .h6-chg-r { display: grid; grid-template-columns: 56px 52px 78px minmax(0, 1fr); gap: 8px; align-items: baseline; font-size: 12px; }
.h6 .h6-chg-r > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ── Policy ── */
.h6 .h6-tiercs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.h6 .h6-tierc { display: flex; flex-direction: column; gap: 8px; padding: 10px 12px; border-radius: 10px; background: var(--panel); border: 1px solid var(--border); box-shadow: inset 0 3px 0 var(--t); min-width: 0; }
.h6 .h6-tierc-1 { --t: var(--bear); } .h6 .h6-tierc-2 { --t: var(--amber); } .h6 .h6-tierc-3 { --t: var(--blue-chip); } .h6 .h6-tierc-4 { --t: var(--bull); }
.h6 .h6-tierc header { display: flex; align-items: center; gap: 7px; font-size: 13px; }
.h6 .h6-tierc header .h6-lnk { margin-left: auto; }
.h6 .h6-tierc small { display: block; font-size: 10.5px; color: var(--muted); margin-bottom: 1px; }
.h6 .h6-tierc-s { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.h6 .h6-tierc-s b { font-size: 17px; font-weight: 700; }
.h6 .h6-tierc-m { font-size: 12px; line-height: 1.4; }
.h6 .h6-tierc-w .h6-stage { margin: 0 4px 3px 0; }
.h6 .h6-ratecs { display: flex; flex-direction: column; gap: 6px; }
.h6 .h6-ratec { display: grid; grid-template-columns: 116px minmax(0, 1fr) 24px; gap: 9px; align-items: center; font-size: 12px; }
.h6 .h6-ratec b { text-align: right; font-variant-numeric: tabular-nums; }
.h6 .h6-ctl, .h6 .h6-trg { display: grid; grid-template-columns: 20px minmax(0, 1.5fr) minmax(104px, .7fr) minmax(0, 1fr); gap: 9px; align-items: center; padding: 6px 0; border-top: 1px solid var(--row-border); font-size: 12px; }
.h6 .h6-ctl:first-child, .h6 .h6-trg:first-child { border-top: 0; }
.h6 .h6-ctl-ic { width: 18px; height: 18px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; background: var(--tb); color: var(--t); }
.h6 .h6-ctl-n b { display: block; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-ctl-n small { display: block; font-size: 11px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-ctl-m { display: flex; align-items: center; gap: 6px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.h6 .h6-ctl-m small { color: var(--muted); }
.h6 .h6-ctl-f { display: flex; flex-wrap: wrap; align-items: center; min-width: 0; }
.h6 .h6-fire { display: inline-flex; align-items: center; gap: 2px; font-size: 10.5px; font-weight: 600; color: var(--t); margin-right: 6px; }
.h6 .h6-testflow { display: flex; align-items: stretch; gap: 6px; flex-wrap: wrap; }
.h6 .h6-step { flex: 1 1 120px; display: flex; flex-direction: column; gap: 3px; padding: 7px 9px; border-radius: 8px; background: var(--bg); border: 1px solid var(--row-border); font-size: 12px; min-width: 0; }
.h6 .h6-step-k { font: 800 10px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--accent); letter-spacing: .05em; }
.h6 .h6-step b { font-weight: 600; line-height: 1.3; }
.h6 .h6-step-ar { align-self: center; color: var(--muted); }
.h6 .h6-testout { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.h6 .h6-testout > div { padding: 7px 10px; border-radius: 8px; background: var(--tb); box-shadow: inset 3px 0 0 var(--t); font-size: 12px; }
.h6 .h6-testout b { display: block; font-size: 12.5px; }
.h6 .h6-testout span { color: var(--muted); }

/* ── the entry page ── */
.h6 .h6-head { background: var(--panel); border: 1px solid var(--border); border-radius: 10px; padding: 10px 14px 11px; box-shadow: inset 3px 0 0 var(--t); display: flex; flex-direction: column; gap: 7px; }
.h6 .h6-head-1 { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.h6 .h6-back { font-size: 12px; white-space: nowrap; }
.h6 .h6-pn { display: inline-flex; border: 1px solid var(--border); border-radius: 6px; overflow: hidden; }
.h6 .h6-pn a, .h6 .h6-pn span { padding: 0 7px; font-size: 14px; line-height: 20px; color: var(--muted); }
.h6 .h6-pn a + a, .h6 .h6-pn span + a, .h6 .h6-pn a + span { border-left: 1px solid var(--border); }
.h6 .h6-pn a:hover { color: var(--accent); background: var(--hover); text-decoration: none; }
.h6 .h6-pn .off { opacity: .35; }
.h6 .h6-head-id { font: 700 14px ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; color: var(--accent); }
.h6 .h6-head-nm { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.25; }
.h6 .h6-head-act { margin-left: auto; display: inline-flex; gap: 6px; }
.h6 .h6-head-q { margin: 0; font-size: 13.5px; line-height: 1.45; max-width: 1200px; }
.h6 .h6-head-2 { display: flex; align-items: center; gap: 6px 10px; flex-wrap: wrap; font-size: 12px; }
.h6 .h6-head-facts { color: var(--muted); display: inline-flex; gap: 6px; flex-wrap: wrap; }
.h6 .h6-head-facts b { color: var(--text); font-weight: 600; }
.h6 .h6-head-facts i { font-style: normal; opacity: .5; }
.h6 .h6-head-links { margin-left: auto; display: inline-flex; gap: 5px; flex-wrap: wrap; }
.h6 .h6-xl { font-size: 11.5px; border: 1px solid var(--border); border-radius: 6px; padding: 2px 8px; background: var(--bg); white-space: nowrap; }
.h6 .h6-xl:hover { border-color: var(--accent); text-decoration: none; }
.h6 .h6-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; counter-reset: none; }
.h6 .h6-steps li {
  display: flex; align-items: center; gap: 9px; min-width: 0; padding: 7px 12px; border-radius: 9px; position: relative;
  background: var(--panel); border: 1px solid var(--border);
}
.h6 .h6-steps li + li::before { content: "›"; position: absolute; left: -8px; top: 50%; transform: translateY(-54%); color: var(--muted); font-size: 15px; background: var(--bg); line-height: 1; padding: 1px 0; }
.h6 .h6-step-dot { flex: none; width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800; background: var(--tb); color: var(--t); }
.h6 .h6-step-t { min-width: 0; }
.h6 .h6-step-t b { display: block; font-size: 12.5px; font-weight: 700; }
.h6 .h6-step-t small { display: block; font-size: 11px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-tabs { display: flex; flex-wrap: wrap; gap: 2px; border-bottom: 1px solid var(--border); margin-top: 2px; }
.h6 .h6-tab { display: inline-flex; align-items: center; gap: 6px; padding: 7px 13px 6px; font-size: 12.5px; color: var(--muted); border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; }
.h6 .h6-tab:hover { color: var(--text); text-decoration: none; }
.h6 .h6-tab.on { color: var(--accent); border-bottom-color: var(--accent); font-weight: 700; }
.h6 .h6-tab b { font-size: 10.5px; font-weight: 700; color: var(--muted); background: var(--grey-chip-bg); border-radius: 8px; padding: 0 6px; line-height: 1.6; font-variant-numeric: tabular-nums; }
.h6 .h6-tab-doc { font-style: italic; }
.h6 .h6-lanes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; align-items: start; }
.h6 .h6-lane { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.h6 .h6-lane-h { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--muted); padding: 2px 2px 4px; border-bottom: 2px solid var(--border); }
.h6 .h6-reasons, .h6 .h6-use, .h6 .h6-lims, .h6 .h6-finds { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 5px; }
.h6 .h6-reasons li { display: flex; align-items: baseline; gap: 7px; font-weight: 600; }
.h6 .h6-reasons .h6-dot { transform: translateY(-1px); }
.h6 .h6-next { font-size: 12px; background: var(--bg); border-radius: 7px; padding: 6px 9px; line-height: 1.45; }
.h6 .h6-use li { display: grid; grid-template-columns: 14px minmax(0, 1fr); gap: 6px; align-items: baseline; font-size: 12px; }
.h6 .h6-use li span, .h6 .h6-lims li { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.h6 .h6-use li i { font-style: normal; font-weight: 800; font-size: 11px; }
.h6 .h6-use li.ok i { color: var(--bull); } .h6 .h6-use li.no i { color: var(--bear); }
.h6 .h6-lims li { font-size: 12px; padding-left: 10px; position: relative; }
.h6 .h6-lims li::before { content: ""; position: absolute; left: 0; top: .5em; width: 4px; height: 4px; border-radius: 50%; background: var(--amber); }
.h6 .h6-flow { display: grid; grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr) 12px minmax(0, 1fr); gap: 5px; align-items: stretch; }
.h6 .h6-flow > i { align-self: center; font-style: normal; color: var(--muted); text-align: center; }
.h6 .h6-flow-b { border: 1px solid var(--row-border); background: var(--bg); border-radius: 8px; padding: 6px 8px; min-width: 0; }
.h6 .h6-flow-b small { display: block; font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--muted); margin-bottom: 2px; }
.h6 .h6-flow-b span { font-size: 12px; line-height: 1.35; overflow: hidden; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; }
.h6 .h6-evs { display: flex; flex-direction: column; }
.h6 .h6-ev { display: grid; grid-template-columns: minmax(84px, 38%) minmax(0, 1fr); column-gap: 10px; padding: 5px 0; border-top: 1px solid var(--row-border); align-items: baseline; }
.h6 .h6-ev:first-child { border-top: 0; padding-top: 0; }
.h6 .h6-ev b { grid-row: span 2; font-size: 13.5px; font-weight: 700; line-height: 1.25; overflow-wrap: anywhere; }
.h6 .h6-ev span { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-ev small { grid-column: 2; font-size: 11px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-finds li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 7px; align-items: baseline; font-size: 12px; }
.h6 .h6-finds li > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-sev { font-size: 10px; font-weight: 700; border-radius: 4px; padding: 0 5px; line-height: 1.6; background: var(--grey-chip-bg); color: var(--grey-chip); }
.h6 .h6-sev-high { background: var(--bear-bg); color: var(--bear); }
.h6 .h6-sev-medium { background: var(--amber-bg); color: var(--amber); }
.h6 .h6-trg-g { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.h6 .h6-trg-c { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; gap: 6px; align-items: center; padding: 4px 8px; border-radius: 7px; background: var(--bg); font-size: 11.5px; }
.h6 .h6-trg-c span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-trg-c b { font-weight: 700; color: var(--t); font-variant-numeric: tabular-nums; white-space: nowrap; }
.h6 .h6-trg-c.h6-t-mute b { font-weight: 400; color: var(--muted); }
.h6 .h6-cyc { display: flex; flex-direction: column; gap: 3px; }
.h6 .h6-cyc .h6-meter { flex: none; }        /* a column flex item with flex:1 and no content has no height */
.h6 .h6-cyc-h { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: 12px; }
.h6 .h6-cyc-h small { color: var(--muted); font-weight: 400; }
.h6 .h6-cyc-h b { font-weight: 700; white-space: nowrap; }
.h6 .h6-cyc-h b.h6-t-bad { color: var(--bear); }
.h6 .h6-cyc-f small { font-size: 10.5px; color: var(--muted); }
.h6 .h6-tl { list-style: none; margin: 2px 0 0; padding: 0; display: flex; gap: 0; }
.h6 .h6-tl li { flex: 1; min-width: 0; position: relative; padding-top: 14px; text-align: center; }
.h6 .h6-tl li::before { content: ""; position: absolute; left: 0; right: 0; top: 5px; height: 2px; background: var(--border); }
.h6 .h6-tl li:first-child::before { left: 50%; } .h6 .h6-tl li:last-child::before { right: 50%; }
.h6 .h6-tl li:only-child::before { display: none; }
.h6 .h6-tl li i { position: absolute; left: 50%; top: 0; width: 12px; height: 12px; margin-left: -6px; border-radius: 50%; background: var(--panel); border: 2px solid var(--muted); box-sizing: border-box; }
.h6 .h6-tl li.cur i { border-color: var(--accent); background: var(--accent); box-shadow: 0 0 0 2px var(--panel); }
.h6 .h6-tl li b { display: block; font-size: 12px; }
.h6 .h6-tl li small { display: block; font-size: 10.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.h6 .h6-lin { display: grid; grid-template-columns: minmax(0, 1fr) 12px auto 12px minmax(0, 1fr); gap: 6px; align-items: stretch; }
.h6 .h6-lin > i { align-self: center; font-style: normal; color: var(--muted); text-align: center; }
.h6 .h6-lin > div { border: 1px solid var(--row-border); background: var(--bg); border-radius: 8px; padding: 6px 8px; min-width: 0; }
.h6 .h6-lin > div.me { border-color: var(--accent); background: var(--accent-soft); }
.h6 .h6-lin small, .h6 .h6-srcs small { display: block; font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--muted); margin-bottom: 3px; }
.h6 .h6-lin span { display: flex; flex-wrap: wrap; font-size: 11.5px; }
.h6 .h6-srcs { display: flex; flex-direction: column; gap: 3px; }
.h6 .h6-src { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-src em { font-style: normal; font-size: 10px; font-weight: 700; border-radius: 4px; padding: 0 5px; margin-left: 6px; }
.h6 .h6-src em.ok { background: var(--bull-bg); color: var(--bull); } .h6 .h6-src em.no { background: var(--amber-bg); color: var(--amber); }
.h6 .h6-tests { display: flex; flex-wrap: wrap; gap: 4px; }
.h6 .h6-test { font-size: 11px; border-radius: 9px; padding: 0 8px; line-height: 1.6; background: var(--grey-chip-bg); color: var(--grey-chip); }
.h6 .h6-test.ok { background: var(--bull-bg); color: var(--bull); } .h6 .h6-test.no { background: var(--bear-bg); color: var(--bear); }

/* ── detail tabs (drawn by app.js): fold the long text blocks ── */
.h6 .h6-detail { min-width: 0; }
.h6 .h6-clampable .mrm-block-b { max-height: 132px; overflow: hidden; -webkit-mask-image: linear-gradient(#000 62%, transparent); mask-image: linear-gradient(#000 62%, transparent); }
.h6 .h6-clampable.h6-open .mrm-block-b { max-height: none; -webkit-mask-image: none; mask-image: none; }
.h6 .h6-thesis { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }

/* ── Compare ── */
.h6 .h6-cmp-add { width: 300px; }
.h6 .h6-cmp { width: 100%; min-width: calc(170px + var(--n, 2) * 250px); border-collapse: collapse; table-layout: fixed; font-size: 12.5px; }
.h6 .h6-cmp th, .h6 .h6-cmp td { padding: 8px 12px; border-bottom: 1px solid var(--row-border); vertical-align: top; text-align: left; min-width: 0; overflow: hidden; }
.h6 .h6-cmp td + td, .h6 .h6-cmp thead th + th { border-left: 1px solid var(--row-border); }
.h6 .h6-cmp thead th { background: var(--thead); border-bottom: 1px solid var(--border); }
.h6 .h6-cmp tbody th, .h6 .h6-cmp thead th:first-child { width: 170px; font-size: 10.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); background: var(--thead); }
.h6 .h6-cmp tbody tr:last-child th, .h6 .h6-cmp tbody tr:last-child td { border-bottom: 0; }
.h6 .h6-cmp tr.same td { color: var(--muted); }
.h6 .h6-cmp-h { display: flex; align-items: center; gap: 6px; min-width: 0; }
.h6 .h6-cmp-h .h6-nm { flex: 1; }
.h6 .h6-cmp-x { font: inherit; font-size: 11px; line-height: 1; background: none; border: 0; color: var(--muted); cursor: pointer; padding: 3px 5px; border-radius: 4px; }
.h6 .h6-cmp-x:hover { color: var(--bear); background: var(--bear-bg); }
.h6 .h6-cmp-ev { display: block; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-cmp-ev + .h6-cmp-ev { margin-top: 2px; }
.h6 .h6-cmp-m { display: flex; align-items: center; gap: 7px; }
.h6 .h6-cmp-m .h6-meter { max-width: 110px; }
.h6 .h6-cmp-fwd { display: flex; align-items: center; gap: 8px; }
.h6 .h6-cmp-lin { display: flex; flex-wrap: wrap; align-items: center; gap: 0; }
.h6 .h6-cmp-lin small { color: var(--muted); font-size: 11px; margin-right: 6px; }
.h6 .h6-wrap2, .h6 .h6-wrap3 { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.h6 .h6-wrap3 { -webkit-line-clamp: 3; line-clamp: 3; }

@media (max-width: 1320px) { .h6 .h6-lanes { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1180px) {
  .h6 .h6-g2 { grid-template-columns: minmax(0, 1fr); }
  .h6 .h6-tiercs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .h6 .h6-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .h6 .h6-steps li:nth-child(3)::before { display: none; }
}
@media (max-width: 640px) {
  .h6 .h6-ocards, .h6 .h6-ocards-mini, .h6 .h6-lanes, .h6 .h6-decs { grid-template-columns: minmax(0, 1fr); }
  .h6 .h6-orow { grid-template-columns: 20px 52px minmax(0, 1fr) auto; }
  .h6 .h6-orow > :nth-child(n+4):not(.h6-rate) { display: none; }
  .h6 .h6-find { margin-left: 0; flex: 1 1 100%; } .h6 .h6-find input { width: 100%; max-width: none; }
  .h6 .h6-tiercs, .h6 .h6-steps, .h6 .h6-testout { grid-template-columns: minmax(0, 1fr); }
  .h6 .h6-steps li + li::before { display: none; }
  .h6 .h6-head-act, .h6 .h6-head-links { margin-left: 0; }
}

/* ── Scorecard (2026-10-07): every model on one page. Chips, badges and tiles only; the words live
   in the hover tips. Cards line up row by row (a subgrid), three across, two on a tablet, one on a phone. ── */
.h6 .h6-score { gap: 8px; }
.h6 .h6-vstrip { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.h6 .h6-vchip {
  font: inherit; display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px 3px 4px; border-radius: 16px; cursor: pointer;
  border: 1px solid var(--border); background: var(--panel); color: var(--text); font-size: 12px; line-height: 1.3; white-space: nowrap;
}
.h6 .h6-vchip b { font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
.h6 .h6-vchip small { font-size: 11px; color: var(--muted); margin-left: -4px; font-variant-numeric: tabular-nums; }
.h6 .h6-vchip > .h6-dot { margin-left: 6px; }
.h6 .h6-vchip:hover { border-color: var(--accent); }
.h6 .h6-vchip.on { border-color: var(--accent); background: var(--accent-soft); box-shadow: inset 0 0 0 1px var(--accent); }
.h6 .h6-vsep { width: 1px; height: 20px; background: var(--border); margin: 0 4px; }
.h6 .h6-sc-bar { margin: 2px 0 0; }
.h6 .h6-sc-bar2 { margin: 0 0 6px; gap: 6px 16px; }
.h6 .h6-sc-grp { display: inline-flex; align-items: center; gap: 3px; flex-wrap: wrap; }
.h6 .h6-sc-grp .h6-bar-l { margin: 0 2px 0 0; }
.h6 .h6-sc-tier { padding: 1px 6px 1px 2px; }
.h6 .h6-sc-tog { font: inherit; font-size: 12px; cursor: pointer; }
.h6 .h6-bar [hidden] { display: none; }
.h6 .h6-sc-end { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; }
.h6 .h6-sc-end .h6-q { width: 180px; }
.h6 .h6-chip-sc { color: var(--accent); border-color: var(--accent); font-weight: 600; margin-right: 6px; }
/* iteration 2: the controls are two lines — kind · search · view · columns, then rating · tier · live · More */
.h6 .h6-score { gap: 6px; }
.h6 .h6-sc-l1, .h6 .h6-sc-l2 { margin: 0; }
.h6 .h6-sc-l2 { gap: 5px 6px; }
.h6 .h6-sc-l2 .h6-vchip { padding: 2px 9px 2px 3px; gap: 5px; }
.h6 .h6-sc-l2 .h6-vchip b { font-size: 12.5px; }
.h6 .h6-sc-l2 .h6-vchip .h6-rate { font-size: 10px; padding: 0 6px; }
.h6 .h6-sc-l2 .h6-vsep { height: 16px; margin: 0 2px; }
.h6 .h6-sc-l1 .h6-sc-end .h6-q { width: 150px; }
.h6 .h6-sc-more { position: relative; display: inline-block; }
.h6 .h6-sc-more > summary { list-style: none; cursor: pointer; padding: 2px 9px; font-size: 12px; }
.h6 .h6-sc-more > summary::-webkit-details-marker { display: none; }
.h6 .h6-sc-caret { font-size: 9px; margin-left: -2px; }
.h6 .h6-sc-pop {
  position: absolute; z-index: 30; top: calc(100% + 5px); right: 0; display: flex; flex-direction: column; gap: 8px;
  width: max-content; max-width: min(520px, calc(100vw - 40px)); padding: 9px 11px; border-radius: 9px;
  background: var(--panel); border: 1px solid var(--border); box-shadow: 0 10px 28px rgba(0,0,0,.18);
}
.h6 .h6-sc-clear { margin-left: 2px; }

.h6 .h6-scg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.h6 .h6-sc {
  display: flex; flex-direction: column; gap: 7px; min-width: 0; padding: 9px 11px 8px; border-radius: 11px; font-size: 12.5px;
  background: var(--panel); border: 1px solid var(--border); box-shadow: inset 0 3px 0 var(--t, var(--border));
}
@supports (grid-template-rows: subgrid) {
  .h6 .h6-sc { display: grid; grid-row: span 6; grid-template-rows: subgrid; row-gap: 7px; }
}
.h6 .h6-sc:hover { border-color: var(--accent); }
.h6 .h6-sc-h { display: flex; align-items: center; gap: 8px; min-width: 0; }
.h6 .h6-sc-nm { display: flex; align-items: center; gap: 7px; min-width: 0; flex: 1; color: var(--text); }
.h6 .h6-sc-nm b { font-size: 14px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.h6 .h6-sc-nm:hover { text-decoration: none; }
.h6 .h6-sc-nm:hover b { color: var(--accent); }
.h6 .h6-sc-h .h6-rate { flex: none; font-size: 12.5px; padding: 3px 10px; border-radius: 6px; }
.h6 .h6-sc-p { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 0; }
.h6 .h6-sc-p .h6-star { margin-left: auto; }
.h6 .h6-sc-cls {
  font-size: 10.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; line-height: 1.6; padding: 0 7px;
  border-radius: 5px; background: var(--grey-chip-bg); color: var(--grey-chip); white-space: nowrap;
}
.h6 .h6-sc-cls-none { font-weight: 600; letter-spacing: 0; text-transform: none; background: none; border: 1px dashed var(--border); color: var(--muted); }
.h6 .h6-sc-hz {
  font-size: 11px; font-weight: 700; line-height: 1.5; padding: 0 7px; border-radius: 10px; border: 1px solid var(--border);
  color: var(--text); font-variant-numeric: tabular-nums; white-space: nowrap;
}
.h6 .h6-sc-hz.h6-dim { font-weight: 500; color: var(--muted); }
.h6 .h6-sc-b { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 4px; min-width: 0; max-height: 72px; overflow: hidden; }
.h6 .h6-sc-chip {
  display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px;
  line-height: 1.6; padding: 0 7px; border-radius: 6px; border: 1px solid var(--border); background: var(--bg); color: var(--text);
}
.h6 .h6-sc-meth { background: var(--blue-chip-bg); border-color: transparent; color: var(--blue-chip); font-weight: 600; }   /* the info pair: AA on every look */
.h6 .h6-call-r a.h6-lnk { color: var(--blue-chip); }   /* a link on a tinted call line kept under 4.5:1 with the plain accent */
.h6 .h6-sc-in { border-style: dashed; background: transparent; color: var(--muted); }
.h6 .h6-sc-more { background: transparent; border-color: transparent; color: var(--muted); padding: 0 3px; }
.h6 .h6-sc-x { display: flex; align-items: center; gap: 4px 12px; flex-wrap: wrap; min-width: 0; font-size: 11.5px; color: var(--muted); }
.h6 .h6-sc-per { display: inline-flex; align-items: baseline; gap: 5px; white-space: nowrap; color: var(--text); font-variant-numeric: tabular-nums; }
.h6 .h6-sc-per small { font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: var(--muted); }
.h6 .h6-sc-per .te::before { content: "→"; color: var(--muted); margin-right: 5px; }
.h6 .h6-sc-un { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 0 1 auto; }

/* the tiles: primary · LIVE / two more. The value is the big thing; colour only on its sign. */
.h6 .h6-sts { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px; align-content: start; }
.h6 .h6-st {
  display: flex; flex-direction: column; gap: 0; min-width: 0; padding: 4px 8px 5px; border-radius: 8px;
  background: var(--bg); border: 1px solid var(--row-border);
}
.h6 .h6-st-k {
  display: flex; align-items: center; gap: 6px; min-height: 16px; overflow: hidden; white-space: nowrap;
  font-size: 10.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--muted);
}
.h6 .h6-st-v {
  display: flex; align-items: baseline; gap: 3px; min-width: 0; overflow: hidden; white-space: nowrap;
  font-size: 1.4em; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; color: var(--text);
}
.h6 .h6-st-v b { font-weight: 700; }
.h6 .h6-st-v small { font-size: 11px; font-weight: 600; color: var(--muted); }
.h6 .h6-st-v .h6-st-se { margin-left: 3px; font-weight: 500; }
.h6 .h6-st-c { font-size: 11px; line-height: 1.35; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.h6 .h6-st-c > span + span::before { content: "·"; margin: 0 5px; }
.h6 .h6-st-p { background: var(--panel); border-color: var(--border); box-shadow: inset 3px 0 0 var(--accent); }
.h6 .h6-st-p .h6-st-v { font-size: 1.6em; }
.h6 .h6-st-na { background: transparent; border-style: dashed; box-shadow: none; }
.h6 .h6-st-na .h6-st-v { color: var(--muted); font-weight: 600; }
.h6 .h6-st-bars { margin-left: auto; display: inline-flex; flex: none; }
.h6 .h6-st-off { color: var(--amber); font-weight: 600; }
.h6 .h6-sc-f {
  display: flex; align-items: center; gap: 10px; min-width: 0; padding-top: 7px; border-top: 1px solid var(--row-border);
  font-size: 11.5px; color: var(--muted);
}
.h6 .h6-sc-mon { display: inline-flex; align-items: center; gap: 10px; }
.h6 .h6-sc-mon > span { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
.h6 .h6-sc-asof { white-space: nowrap; font-variant-numeric: tabular-nums; }
.h6 .h6-sc-open { margin-left: auto; font-weight: 600; white-space: nowrap; }
.h6 .h6-sc-open::after { content: " →"; }

/* ── iteration 2 (2026-10-07): the COMPARISON MATRIX, the default view. One table grouped by class;
   each class row names that class's three metric columns. The frame fills the window under the two
   lines of controls (h6ScFit) and scrolls inside itself both ways: the header and the class rows stay
   on top, the id and the name at the left. Rows ≤ 30 px, 12-px text, numbers right-aligned. ── */
.h6 .h6-sct-w { overflow: auto; max-height: calc(100vh - 230px); }
.h6 .h6-sct { border-collapse: separate; border-spacing: 0; font-size: 12px; }
.h6 .h6-sct-compare { min-width: 1560px; }
.h6 .h6-sct-profile { min-width: 1610px; }
.h6 .h6-sct-all { min-width: 2700px; }   /* 2026-10-08: the four metric columns need ≥138 px each once the name is fixed */
.h6 .h6-sct th, .h6 .h6-sct td { height: 28px; padding: 0 8px; white-space: nowrap; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; }
.h6 .h6-sct td { border-bottom: 1px solid var(--row-border); }
.h6 .h6-sct thead th { position: sticky; top: 0; z-index: 4; height: 30px; padding: 0 8px; border-bottom: 1px solid var(--border); }
.h6 .h6-sct th[data-h6-scsort] { cursor: pointer; }
.h6 .h6-sct th[data-h6-scsort]:hover { color: var(--accent); }
.h6 .h6-sct thead .h6-sct-h-m1, .h6 .h6-sct thead .h6-sct-h-m2, .h6 .h6-sct thead .h6-sct-h-m3, .h6 .h6-sct thead .h6-sct-h-live,
.h6 .h6-sct thead .h6-sct-h-beat, .h6 .h6-sct thead .h6-sct-h-churn, .h6 .h6-sct thead .h6-sct-h-matured { text-align: right; }
.h6 .h6-sct-ar { margin-left: 3px; font-size: 9px; }
/* the id and the name stay at the left when the frame scrolls sideways */
.h6 .h6-sct .h6-sct-id, .h6 .h6-sct .h6-sct-h-id, .h6 .h6-sct .h6-sct-gl { position: sticky; left: 0; }
.h6 .h6-sct .h6-sct-name, .h6 .h6-sct .h6-sct-h-name { position: sticky; left: 64px; box-shadow: inset -1px 0 0 var(--border); }
.h6 .h6-sct tbody .h6-sct-id, .h6 .h6-sct tbody .h6-sct-name { z-index: 1; background: var(--panel); }
.h6 .h6-sct thead .h6-sct-h-id, .h6 .h6-sct thead .h6-sct-h-name { z-index: 5; }
.h6 .h6-sct-name b { display: block; font-weight: 600; overflow: hidden; text-overflow: ellipsis; }
/* the class row: its name and count, then its own metric labels over its own columns; it stays under
   the header while its rows scroll (the next class's row slides over it) */
.h6 .h6-sct tr.h6-grp > th, .h6 .h6-sct tr.h6-grp > td {
  position: sticky; top: var(--h6-sct-th, 30px); z-index: 2; height: 24px; padding: 0 8px;
  background: var(--bg); border-bottom: 1px solid var(--border);
}
.h6 .h6-sct tr.h6-grp > th.h6-sct-gl {
  left: 0; z-index: 3; text-align: left; font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
  color: var(--text); box-shadow: inset -1px 0 0 var(--border);
}
.h6 .h6-sct tr.h6-grp > th.h6-sct-gl b { margin-left: 7px; color: var(--muted); font-weight: 700; letter-spacing: 0; }
.h6 .h6-sct tr.h6-grp > td.h6-sct-gm { text-align: right; font-size: 10px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
/* the cells: badges, pills, dots and right-aligned numbers */
.h6 .h6-sct .h6-rate { font-size: 10px; padding: 0 5px; letter-spacing: .01em; }
.h6 .h6-sct .h6-sc-cls { font-size: 9.5px; letter-spacing: .04em; padding: 0 6px; }
.h6 .h6-sct thead .h6-sct-h-horizon, .h6 .h6-sct thead .h6-sct-h-matured, .h6 .h6-sct thead .h6-sct-h-beat, .h6 .h6-sct thead .h6-sct-h-churn { padding: 0 6px; }
.h6 .h6-sct .h6-freq { background: none; padding: 0; font-weight: 500; }
.h6 .h6-sct .h6-sc-hz { font-size: 10.5px; padding: 0 6px; }
.h6 .h6-sct .h6-stage { font-size: 10.5px; }
.h6 .h6-sct .h6-sc-per { font-size: 11.5px; }
.h6 .h6-sct-chips .h6-sc-chip { margin-right: 4px; max-width: 86px; vertical-align: middle; font-size: 11px; }
.h6 .h6-sct .h6-sc-chip { font-size: 11px; vertical-align: middle; }
.h6 .h6-sct-mx, .h6 .h6-sct-r { text-align: right; }
.h6 .h6-sct-num { font-variant-numeric: tabular-nums; }
.h6 .h6-sct-num small { font-size: 10px; color: var(--muted); }
/* a metric cell: a 40-px bar, then the value over its "vs" caption, right-aligned */
/* a metric cell: the bar takes the column's spare width (40–120 px, the same in every cell of a column, so bars still
   compare), then a fixed 76-px value over its caption */
.h6 .h6-mc { display: grid; grid-template-columns: minmax(40px, 1fr) 76px; align-items: center; column-gap: 6px; }
.h6 .h6-mc-v { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; min-width: 0; line-height: 1.12; }
.h6 .h6-mc-v > b { font-size: 12px; font-weight: 600; color: var(--text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.h6 .h6-mc-v > b small { font-size: 10px; font-weight: 600; color: var(--muted); margin-left: 1px; }
.h6 .h6-mc-v > small { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; line-height: 1.1; color: var(--muted); font-variant-numeric: tabular-nums; }
.h6 .h6-mc-na .h6-mc-v > b { color: var(--muted); font-weight: 500; }
.h6 .h6-mb { position: relative; display: block; width: 100%; max-width: 120px; justify-self: end; height: 7px; border-radius: 2px; background: var(--row-border); }
.h6 .h6-mb-none { background: none; }
.h6 .h6-mb-div::before { content: ""; position: absolute; left: calc(50% - .5px); top: -2px; bottom: -2px; width: 1px; background: var(--muted); opacity: .6; }
.h6 .h6-mb i { position: absolute; top: 0; bottom: 0; left: 0; min-width: 2px; border-radius: 2px; background: var(--h6-neutral); }
.h6 .h6-mb i.up { background: var(--bull); opacity: .75; }
.h6 .h6-mb i.dn { background: var(--bear); opacity: .75; }
/* column widths; the name takes what is left */
.h6 .h6-sct-h-id { width: 64px; } .h6 .h6-sct-h-rating { width: 116px; } .h6 .h6-sct-h-tier { width: 46px; }
.h6 .h6-sct-h-runs { width: 92px; } .h6 .h6-sct-h-horizon { width: 70px; }
/* 2026-10-08 (owner: "a lot of space is wasted in name"): the name column is sized to its longest name (262 px)
   and the four metric columns, which carry no width, share whatever is left — their bars stretch with them */
.h6 .h6-sct-h-name { width: 280px; }
.h6 .h6-sct-h-beat { width: 46px; } .h6 .h6-sct-h-churn { width: 54px; } .h6 .h6-sct-h-matured { width: 76px; } .h6 .h6-sct-h-state { width: 84px; } .h6 .h6-sct-h-asof { width: 60px; }
.h6 .h6-sct-h-class { width: 108px; } .h6 .h6-sct-h-method { width: 150px; } .h6 .h6-sct-h-features { width: 290px; }
.h6 .h6-sct-h-inputs { width: 200px; } .h6 .h6-sct-h-period { width: 136px; } .h6 .h6-sct-h-oos { width: 98px; } .h6 .h6-sct-h-universe { width: 160px; }

/* the class block on an entry's Summary, and the Scorecard tile on Home */
.h6 .h6-card-std .h6-card-u { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.h6 .h6-sts-m .h6-st-p .h6-st-v { font-size: 1.5em; }
.h6 .h6-tile .h6-stack { flex: none; height: 8px; margin-top: 6px; }

@media (max-width: 1100px) { .h6 .h6-scg { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 680px) {
  .h6 .h6-scg { grid-template-columns: minmax(0, 1fr); }
  .h6 .h6-sc-end { margin-left: 0; flex: 1 1 100%; }
  .h6 .h6-sc-end .h6-q { flex: 1 1 auto; width: auto; min-width: 0; }
  .h6 .h6-sc-segs { flex-wrap: wrap; gap: 4px; border: 0; background: none; overflow: visible; }
  .h6 .h6-sc-segs button, .h6 .h6-sc-segs button + button { border: 1px solid var(--border); border-radius: 12px; }
  .h6 .h6-sc-segs button.on { border-color: var(--accent); }
  .h6 .h6-vsep { display: none; }
  .h6 .h6-vstrip { gap: 4px; }
  .h6 .h6-vchip { padding: 2px 8px 2px 3px; gap: 5px; font-size: 11.5px; }
  .h6 .h6-vchip b { font-size: 12.5px; }
  .h6 .h6-vchip .h6-rate { font-size: 9.5px; padding: 0 5px; }
  .h6 .h6-sc-segs button { font-size: 11px; padding: 2px 7px; }
  /* the matrix on a phone: Compare keeps ID · Name · Rating · Primary · Live; the frame scrolls sideways for more */
  .h6 .h6-sct-compare .h6-sct-np { display: none; }
  .h6 .h6-sct-compare { min-width: 500px; }
  .h6 .h6-sct th, .h6 .h6-sct td, .h6 .h6-sct thead th { padding: 0 6px; }
  .h6 .h6-sct-h-id { width: 60px; }
  .h6 .h6-sct .h6-sct-name, .h6 .h6-sct .h6-sct-h-name { left: 60px; }
  .h6 .h6-sct-h-rating { width: 110px; } .h6 .h6-sct-h-m1 { width: 126px; } .h6 .h6-sct-h-live { width: 116px; }
  .h6 .h6-sc-l1 .h6-sc-end { flex-wrap: wrap; gap: 6px; }
  .h6 .h6-sc-l1 .h6-sc-end .h6-q { flex: 1 1 100%; width: auto; min-width: 0; }
  .h6 .h6-sc-l2 .h6-vchip { padding: 2px 8px 2px 3px; gap: 4px; font-size: 11.5px; }
  .h6 .h6-sc-l2 .h6-vchip b { font-size: 12px; }
  .h6 .h6-sc-l2 .h6-vchip .h6-rate { font-size: 9.5px; padding: 0 5px; }
  .h6 .h6-sc-pop { position: static; margin-top: 6px; box-shadow: none; max-width: calc(100vw - 48px); }
}