:root {
  --ink:#11100e; --paper:#f4efe6; --paper-2:#e9e1d4; --white:#fffdf8;
  --orange:#ff5a1f; --muted:#736a5e; --line:rgba(17,16,14,.16);
  --lime:#c9ff45; --radius:22px; --shadow:0 22px 70px rgba(17,16,14,.12);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:104px; }
body {
  margin:0; color:var(--ink); background:var(--paper);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px; line-height:1.45;
}
button,a { font:inherit; } button { color:inherit; } a { color:inherit; }
.shell { width:min(1240px,calc(100% - 40px)); margin:0 auto; }
.skip-link {
  position:fixed; left:16px; top:12px; z-index:100; padding:10px 14px;
  transform:translateY(-160%); border-radius:10px; color:var(--ink); background:var(--lime);
  font-size:13px; font-weight:900; text-decoration:none;
}
.skip-link:focus { transform:translateY(0); }
.eyebrow {
  display:inline-flex; gap:9px; align-items:center; margin:0 0 18px;
  font-size:12px; font-weight:850; letter-spacing:.13em; text-transform:uppercase;
}
.eyebrow::before {
  content:""; width:8px; height:8px; border-radius:99px; background:var(--orange);
  box-shadow:0 0 0 6px rgba(255,90,31,.15);
}
.topbar {
  position:sticky; top:0; z-index:50; color:var(--white); background:rgba(17,16,14,.98);
  border-bottom:1px solid rgba(255,255,255,.14); box-shadow:0 12px 32px rgba(17,16,14,.18);
  backdrop-filter:blur(14px);
}
.topbar-inner { min-height:82px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; }
.brand-lockup { display:flex; align-items:baseline; gap:12px; }
.brand { display:inline-flex; align-items:center; color:#fff; text-decoration:none; font-size:25px; font-weight:900; letter-spacing:-.05em; }
.brand-context { color:rgba(255,255,255,.54); font-size:11px; font-weight:750; letter-spacing:.12em; text-transform:uppercase; }
.back-link { color:rgba(255,255,255,.74); text-decoration:none; font-size:14px; font-weight:700; }
.back-link:hover { color:#fff; }
.topbar-back { justify-self:start; }
.topbar-actions { display:flex; align-items:stretch; gap:9px; }
.topbar-action {
  display:flex; align-items:center; justify-content:space-between; gap:14px; min-height:48px; padding:7px 14px 7px 16px;
  border:1px solid transparent; border-radius:13px; cursor:pointer; color:var(--ink); text-align:left; text-decoration:none;
  box-shadow:inset 0 1px rgba(255,255,255,.35); transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.topbar-action span,.topbar-action strong,.topbar-action small { display:block; }
.topbar-action strong { font-size:12px; font-weight:900; line-height:1.12; }
.topbar-action small { margin-top:3px; color:rgba(17,16,14,.64); font-size:9px; font-weight:750; line-height:1.1; }
.topbar-action b { font-size:16px; line-height:1; }
.topbar-action:hover { transform:translateY(-1px); filter:saturate(1.08); box-shadow:0 7px 20px rgba(0,0,0,.22); }
.topbar-action-whatsapp { background:var(--lime); border-color:var(--lime); }
.topbar-action-updates { background:var(--orange); border-color:var(--orange); }
.topbar-action-updates.is-following b { transform:rotate(45deg); }
.topbar-action:focus-visible,.back-link:focus-visible,.brand:focus-visible,.dialog-close:focus-visible {
  outline:3px solid #fff; outline-offset:3px;
}
.updates-save:focus-visible,.updates-retry:focus-visible,.updates-choice:has(input:focus-visible) { outline:3px solid var(--orange); outline-offset:3px; }

.hero {
  position:relative; overflow:hidden; padding:78px 0 62px; color:var(--white);
  background:radial-gradient(circle at 84% 28%,rgba(255,90,31,.28),transparent 24%),
    radial-gradient(circle at 12% 120%,rgba(201,255,69,.09),transparent 32%),var(--ink);
}
.hero::after {
  content:""; position:absolute; inset:0; opacity:.08; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);
  background-size:44px 44px; mask-image:linear-gradient(to bottom,black,transparent 80%);
}
.hero-grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr); gap:76px; align-items:center; }
.hero h1 { max-width:820px; margin:0; font-size:clamp(48px,6.6vw,96px); line-height:.91; letter-spacing:-.05em; font-weight:900; }
.hero h1 em { color:var(--orange); font-family:Georgia,serif; font-weight:400; }
.hero-copy { max-width:680px; margin:28px 0 0; color:rgba(255,255,255,.68); font-size:clamp(18px,2vw,23px); line-height:1.42; }

.frontier {
  position:relative; min-height:390px; overflow:hidden; padding:26px;
  border:1px solid rgba(255,255,255,.18); border-radius:30px;
  background:rgba(255,255,255,.055); box-shadow:inset 0 1px rgba(255,255,255,.08),0 28px 90px rgba(0,0,0,.32);
  backdrop-filter:blur(12px);
}
.frontier-label { display:flex; justify-content:space-between; color:rgba(255,255,255,.55); font-size:11px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.frontier-number { margin-top:44px; font-size:clamp(94px,12vw,164px); font-weight:900; line-height:.78; letter-spacing:-.09em; }
.frontier.is-measuring .frontier-number { max-width:100%; font-size:clamp(36px,5vw,58px); line-height:.95; letter-spacing:-.05em; overflow-wrap:anywhere; }
.frontier.is-measuring .frontier-pulse { opacity:0; animation:none; }
.frontier-number sup { color:var(--orange); font-size:.32em; vertical-align:top; letter-spacing:-.04em; }
.frontier-caption { max-width:260px; margin-top:23px; color:rgba(255,255,255,.68); font-size:15px; }
.frontier-track { position:absolute; left:26px; right:26px; bottom:27px; height:9px; overflow:visible; border-radius:99px; background:rgba(255,255,255,.13); }
.frontier-fill { width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--orange),#ff9a43); box-shadow:0 0 28px rgba(255,90,31,.6); transition:width 1.4s cubic-bezier(.2,.8,.2,1); }
.frontier-pulse {
  position:absolute; top:50%; left:var(--frontier,0%); width:17px; height:17px;
  transform:translate(-50%,-50%); border:4px solid var(--white); border-radius:50%;
  background:var(--orange); animation:pulse 2.3s infinite;
}
@keyframes pulse {
  0% { box-shadow:0 0 0 0 rgba(255,90,31,.65); }
  70% { box-shadow:0 0 0 20px rgba(255,90,31,0); }
  100% { box-shadow:0 0 0 0 rgba(255,90,31,0); }
}

.summary-strip { position:relative; z-index:2; margin-top:-1px; color:var(--white); background:var(--ink); border-top:1px solid rgba(255,255,255,.12); }
.summary-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border-left:1px solid rgba(255,255,255,.12); }
.summary-stat { padding:27px 30px 30px; border-right:1px solid rgba(255,255,255,.12); }
.summary-stat strong { display:block; font-size:clamp(32px,4vw,54px); line-height:1; letter-spacing:-.055em; }
.summary-stat>span { display:block; margin-top:9px; color:rgba(255,255,255,.56); font-size:13px; font-weight:650; }

.explorer { padding:84px 0 96px; }
.explorer-head { display:grid; grid-template-columns:1fr minmax(280px,430px); gap:48px; align-items:end; margin-bottom:38px; }
.explorer-head h2 { max-width:760px; margin:0; font-size:clamp(42px,5.4vw,74px); line-height:.96; letter-spacing:-.05em; }
.explorer-head p { margin:0 0 4px; color:var(--muted); font-size:17px; }
.tabs { display:inline-flex; gap:5px; margin-bottom:42px; padding:5px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.45); }
.tab { border:0; border-radius:999px; padding:12px 20px; cursor:pointer; background:transparent; font-size:14px; font-weight:800; }
.tab[aria-selected="true"] { color:#fff; background:var(--ink); box-shadow:0 5px 16px rgba(17,16,14,.18); }
[role="tabpanel"][hidden] { display:none; }

.stage-section { margin-top:66px; }
.stage-section:first-child { margin-top:0; }
.stage-heading { display:flex; align-items:baseline; justify-content:space-between; gap:18px; margin-bottom:16px; padding-bottom:13px; border-bottom:2px solid var(--ink); }
.stage-heading h3 { margin:0; font-size:clamp(28px,3vw,40px); letter-spacing:-.045em; }
.stage-heading span { color:var(--muted); font-size:12px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.task-grid,.model-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.task-card,.model-card {
  position:relative; min-height:310px; overflow:hidden; border:1px solid var(--line);
  border-radius:var(--radius); background:rgba(255,253,248,.72);
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.task-card:hover,.model-card:hover { z-index:1; transform:translateY(-5px); border-color:rgba(255,90,31,.55); box-shadow:var(--shadow); }
.task-card-inner,.model-card-inner { position:relative; z-index:2; min-height:inherit; display:flex; flex-direction:column; padding:26px; }
.card-kicker { display:flex; align-items:center; justify-content:space-between; gap:14px; color:var(--muted); font-size:11px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.task-number { margin:31px 0 16px; font-size:clamp(62px,7vw,92px); font-weight:900; line-height:.78; letter-spacing:-.085em; }
/* Smaller suffixes must not inherit the large number's computed negative spacing. */
.task-number sup { display:inline-block; margin-inline-start:.35em; color:var(--orange); font-size:.35em; letter-spacing:0; }
.task-number.is-measuring { max-width:280px; font-size:clamp(35px,4.5vw,52px); letter-spacing:-.055em; }
.task-card h4,.model-card h3 { margin:0; font-size:24px; line-height:1.05; letter-spacing:-.035em; }
.task-card p,.model-card p { margin:11px 0 22px; color:var(--muted); font-size:14px; }
.task-bottom,.model-bottom { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-top:auto; padding-top:18px; border-top:1px solid var(--line); }
.evidence { max-width:290px; color:var(--muted); font-size:12px; font-weight:650; }
.open-detail { flex:0 0 auto; width:46px; height:46px; border:0; border-radius:50%; cursor:pointer; color:#fff; background:var(--ink); font-size:22px; transition:background .2s,transform .2s; }
.task-card:hover .open-detail,.model-card:hover .open-detail { background:var(--orange); transform:rotate(-7deg); }
.task-watermark { position:absolute; right:-12px; bottom:-29px; z-index:0; color:rgba(17,16,14,.035); font-size:180px; font-weight:900; line-height:1; letter-spacing:-.1em; user-select:none; }

.model-intro { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:34px; padding:28px; border-radius:var(--radius); color:#fff; background:var(--ink); }
.model-intro h3 { margin:0; font-size:30px; letter-spacing:-.04em; }
.model-intro p { margin:0; color:rgba(255,255,255,.63); }
.model-card { min-height:300px; }
.model-card h3 { margin-top:28px; font-size:34px; }
.coverage { margin:24px 0 17px; font-size:52px; font-weight:900; letter-spacing:-.075em; line-height:.9; }
.coverage span { color:var(--muted); font-size:.45em; letter-spacing:-.03em; }
.coverage-track { height:8px; overflow:hidden; border-radius:99px; background:var(--paper-2); }
.coverage-fill { width:0; height:100%; border-radius:inherit; background:var(--orange); transition:width 1.1s ease; }

.method { padding:82px 0; border-top:1px solid var(--line); background:var(--paper-2); }
.method-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; }
.method h2 { margin:0; font-size:clamp(38px,5vw,66px); line-height:.95; letter-spacing:-.05em; }
.method-points { display:grid; border-top:1px solid var(--line); }
.method-point { display:grid; grid-template-columns:50px 1fr; gap:14px; padding:19px 0; border-bottom:1px solid var(--line); }
.method-point strong { color:var(--orange); }
.method-point p { margin:0; color:var(--muted); }

footer { padding:26px 0; color:rgba(255,255,255,.55); background:var(--ink); font-size:12px; }
footer .shell { display:flex; justify-content:space-between; gap:20px; }

dialog {
  width:min(980px,calc(100% - 28px)); max-height:calc(100vh - 28px); margin:auto; padding:0;
  overflow:auto; border:0; border-radius:26px; color:var(--ink); background:var(--paper);
  box-shadow:0 30px 120px rgba(0,0,0,.45);
}
dialog::backdrop { background:rgba(17,16,14,.72); backdrop-filter:blur(8px); }
.dialog-top { position:sticky; top:0; z-index:4; display:flex; justify-content:space-between; gap:20px; padding:18px 22px; color:#fff; background:var(--ink); }
.dialog-top span { font-size:12px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.dialog-close { width:34px; height:34px; border:1px solid rgba(255,255,255,.25); border-radius:50%; cursor:pointer; color:#fff; background:transparent; font-size:19px; }
.updates-dialog { width:min(620px,calc(100% - 28px)); }
.updates-dialog-body { padding:clamp(28px,5vw,48px); }
.updates-dialog-body .eyebrow { margin-bottom:12px; color:var(--orange); }
.updates-dialog-body h2 { margin:0; font-size:clamp(42px,7vw,66px); line-height:.92; letter-spacing:-.05em; }
.updates-intro { max-width:520px; margin:20px 0 0; color:var(--muted); font-size:17px; line-height:1.55; }
.updates-choices { display:grid; gap:10px; margin:28px 0 0; padding:0; border:0; }
.updates-choices:disabled { opacity:.58; }
.updates-choice {
  display:grid; grid-template-columns:auto 1fr; gap:13px; align-items:start; padding:17px;
  border:1px solid var(--line); border-radius:16px; cursor:pointer; background:rgba(255,253,248,.78);
}
.updates-choice:hover { border-color:rgba(255,90,31,.55); }
.updates-choice input { width:21px; height:21px; margin:1px 0 0; accent-color:var(--ink); }
.updates-choice span,.updates-choice strong,.updates-choice small { display:block; }
.updates-choice strong { font-size:14px; }
.updates-choice small { margin-top:5px; color:var(--muted); font-size:11px; line-height:1.45; }
.updates-dialog-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-top:20px; }
.updates-save,.updates-retry { min-height:46px; padding:0 18px; border-radius:999px; cursor:pointer; font-weight:900; }
.updates-save { border:2px solid var(--ink); color:#fff; background:var(--ink); }
.updates-save:hover:not(:disabled) { color:var(--ink); background:var(--lime); }
.updates-save:disabled { cursor:wait; opacity:.55; }
.updates-retry { border:2px solid var(--ink); background:transparent; }
.updates-status { flex:1 1 180px; min-height:20px; margin:0; color:var(--muted); font-size:12px; }
.updates-status[data-state="success"] { color:#4c6f00; font-weight:800; }
.updates-status[data-state="error"] { color:#a1320b; font-weight:800; }
.updates-privacy { margin:23px 0 0; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:10px; line-height:1.5; }
.updates-privacy a { font-weight:850; }
.dialog-body { padding:clamp(28px,5vw,62px); }
.dialog-body h2 { max-width:800px; margin:0; font-size:clamp(40px,6vw,72px); line-height:.93; letter-spacing:-.05em; }
.dialog-question { max-width:760px; margin:22px 0 0; color:var(--muted); font-size:19px; }
.production-scope { margin:28px 0; padding:clamp(18px,3vw,28px); border:1px solid var(--line); border-left:4px solid var(--orange); border-radius:16px; background:var(--white); }
.production-scope-heading { display:flex; flex-wrap:wrap; align-items:start; justify-content:space-between; gap:16px 24px; }
.production-scope-heading>div { flex:1 1 250px; }
.production-scope-heading span { display:block; color:var(--muted); font-size:11px; }
.production-scope-heading>div>span { font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.production-scope h3 { margin:7px 0 0; font-size:24px; line-height:1.15; letter-spacing:-.03em; }
.production-scope-heading>p { margin:0; }
.production-scope-heading strong { display:block; font-size:28px; letter-spacing:-.04em; }
.production-scope>p { margin:16px 0 0; font-size:14px; line-height:1.6; }
.production-scope .production-scope-status { color:var(--muted); font-size:12px; }
.dialog-metrics { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin:38px 0; }
.dialog-metric { padding:22px; border:1px solid var(--line); border-radius:17px; background:rgba(255,255,255,.55); }
.dialog-metric strong { display:block; font-size:44px; line-height:1; letter-spacing:-.06em; }
.dialog-metric span { display:block; margin-top:8px; color:var(--muted); font-size:13px; }
.roles { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:26px 0 42px; }
.role { padding:24px; border-radius:18px; color:#fff; background:var(--ink); }
.role.is-human { color:var(--ink); background:var(--orange); }
.role span { display:block; margin-bottom:17px; font-size:11px; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.role p { margin:0; color:rgba(255,255,255,.68); }
.role.is-human p { color:rgba(17,16,14,.72); }
.results-title { margin:0 0 8px; font-size:30px; letter-spacing:-.04em; }
.results-note { margin:0 0 25px; color:var(--muted); font-size:14px; }
.result-row { padding:19px 0; border-top:1px solid var(--line); }
.result-row:last-child { border-bottom:1px solid var(--line); }
.result-head { display:grid; grid-template-columns:1fr auto; gap:18px; align-items:end; }
.result-model strong { display:block; font-size:17px; }
.result-model span { color:var(--muted); font-size:12px; }
.result-score { min-width:158px; padding:12px 14px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.62); text-align:right; }
.result-score strong,.result-score small { display:block; }
.result-score strong { font-size:28px; font-weight:900; letter-spacing:-.05em; }
.result-score strong span { color:var(--muted); font-size:.52em; letter-spacing:0; }
.result-score small { margin-top:3px; color:var(--muted); font-size:9px; font-weight:750; letter-spacing:0; }
.quality-track { position:relative; height:10px; margin:13px 0 9px; overflow:hidden; border-radius:99px; background:var(--paper-2); }
.quality-fill { width:0; height:100%; border-radius:inherit; background:var(--ink); transition:width .9s ease; }
.quality-marker { position:absolute; top:0; bottom:0; left:80%; width:2px; background:var(--orange); }
.result-meta { display:flex; flex-wrap:wrap; gap:8px 18px; color:var(--muted); font-size:12px; }
.result-dimensions { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px; margin:14px 0 0; }
.result-dimensions>div { min-width:0; padding:11px 12px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.48); }
.result-dimensions dt { overflow-wrap:anywhere; color:var(--muted); font-size:9px; font-weight:750; }
.result-dimensions dd { margin:5px 0 0; font-size:15px; font-weight:900; }
.chip { display:inline-flex; align-items:center; min-height:23px; padding:0 9px; border-radius:99px; color:var(--ink); background:var(--paper-2); font-weight:800; }
.chip.cleared { color:#263100; background:var(--lime); }
.empty { padding:32px; border:1px dashed rgba(17,16,14,.28); border-radius:18px; color:var(--muted); background:rgba(255,255,255,.34); }
details { margin-top:32px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
summary { padding:18px 0; cursor:pointer; font-weight:850; }
details p { margin:0 0 20px; color:var(--muted); font-size:14px; }
.run-count-note { margin-top:16px; scroll-margin-top:24px; }
.run-count-note p { max-width:78ch; line-height:1.6; }
.run-count-note summary { font-size:14px; }
.task-map { margin-top:34px; }
.task-map-row { display:grid; grid-template-columns:1fr 130px 160px; gap:14px; align-items:center; padding:14px 0; border-top:1px solid var(--line); }
.task-map-row:last-child { border-bottom:1px solid var(--line); }
.task-map-row strong { font-size:14px; }
.task-map-row span { color:var(--muted); font-size:12px; }
.task-map-score { display:flex; flex-direction:column; align-items:flex-end; gap:2px; text-align:right; color:var(--ink)!important; }
.task-map-score b { font-size:18px; font-weight:900; }
.task-map-score small { color:var(--muted); font-size:10px; font-weight:700; line-height:1.25; }
.loading { padding:80px 20px; text-align:center; color:var(--muted); }

.data-status {
  display:flex; align-items:center; gap:10px; margin:-10px 0 32px; padding:12px 15px;
  border:1px solid var(--line); border-radius:14px; color:var(--muted);
  background:rgba(255,255,255,.42); font-size:12px;
}
.data-status strong { color:var(--ink); font-size:12px; }
.data-status-dot { flex:0 0 auto; width:9px; height:9px; border-radius:50%; background:#9f9689; box-shadow:0 0 0 4px rgba(115,106,94,.12); }
.data-status[data-state="live"] .data-status-dot { background:#6b9400; box-shadow:0 0 0 4px rgba(107,148,0,.14); }
.data-status[data-state="review"] .data-status-dot { background:var(--orange); box-shadow:0 0 0 4px rgba(255,90,31,.14); }
.data-status[data-state="snapshot"] .data-status-dot { background:#92755b; }
.dialog-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
.dialog-metric.is-quality { color:var(--white); background:var(--ink); }
.dialog-metric.is-quality strong { color:var(--orange); }
.dialog-metric.is-quality span { color:rgba(255,255,255,.7); }
.dialog-metric.is-time { background:rgba(201,255,69,.14); }
.dialog-metric.is-cost { background:rgba(255,90,31,.1); }
.dialog-metric.is-time strong,.dialog-metric.is-cost strong { font-size:36px; }
.estimate-note {
  margin:-25px 0 34px; padding:12px 15px; border-left:3px solid var(--orange);
  color:var(--muted); background:rgba(255,255,255,.38); font-size:12px;
}
.task-map-row strong small { display:block; margin-top:3px; color:var(--muted); font-size:10px; font-weight:600; }
.task-map-row.is-provisional { margin-inline:-10px; padding-inline:10px; border-color:rgba(255,90,31,.28); background:rgba(255,90,31,.055); }
.task-map-row.is-provisional .task-map-score b { color:#a43a11; }

/* Scored task cards */
.task-card { min-height:440px; }
.task-number { margin-bottom:12px; }
.task-number.is-status { max-width:320px; font-size:clamp(38px,5vw,58px); letter-spacing:-.06em; }
.task-number-label { display:block; margin:-2px 0 22px; color:var(--muted); font-size:10px; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.task-card .task-description { margin:10px 0 15px; color:var(--muted); font-size:14px; }
.task-analysis { margin:0 0 21px; padding:14px 15px; border-left:3px solid var(--orange); border-radius:0 12px 12px 0; background:rgba(255,90,31,.075); }
.task-analysis>span { color:var(--orange); font-size:9px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.task-card .task-analysis p { margin:5px 0 0; color:var(--ink); font-size:13px; font-weight:720; line-height:1.4; }

/* Average-score model comparison */
.model-radar-panel { margin:34px 0 18px; padding:clamp(24px,4vw,42px); overflow:hidden; border-radius:28px; color:#fff; background:var(--ink); box-shadow:0 24px 70px rgba(17,16,14,.2); }
.radar-head,.league-head { display:grid; grid-template-columns:1fr minmax(260px,420px); gap:34px; align-items:end; }
.radar-head>div>span,.league-head>div>span,.analysis-heading>span,.human-input-panel>span,.detail-topline>span { color:var(--orange); font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.radar-head h3,.league-head h3 { margin:5px 0 0; font-size:clamp(30px,4vw,48px); line-height:.98; letter-spacing:-.055em; }
.radar-head p { margin:0; color:rgba(255,255,255,.61); font-size:13px; }
.radar-canvas-wrap { width:100%; min-height:340px; margin-top:12px; overflow:hidden; }
#model-radar { display:block; max-width:100%; }
.radar-legend { display:flex; flex-wrap:wrap; gap:10px 24px; align-items:center; min-height:28px; margin-top:2px; color:rgba(255,255,255,.7); }
.radar-legend>span { display:inline-grid; grid-template-columns:10px auto; column-gap:8px; align-items:center; }
.radar-legend i { grid-row:1/3; width:9px; height:9px; border-radius:50%; background:var(--series-colour,#fff); box-shadow:0 0 0 4px color-mix(in srgb,var(--series-colour,#fff) 18%,transparent); }
.radar-legend b { color:#fff; font-size:12px; }
.radar-legend small { font-size:10px; }
.league-section { margin-top:18px; padding:clamp(22px,3.5vw,38px); border:1px solid var(--line); border-radius:28px; background:rgba(255,253,248,.72); }
.league-head { margin-bottom:24px; }
.league-head p { margin:0; color:var(--muted); font-size:13px; }
.league-wrap { overflow:auto; border:1px solid var(--line); border-radius:18px; background:var(--white); box-shadow:0 1px 0 #fff inset; }
.league-table { width:100%; min-width:1102px; table-layout:fixed; border-collapse:separate; border-spacing:0; font-size:12px; }
.league-table th,.league-table td { padding:14px 8px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); text-align:left; vertical-align:middle; }
.league-table tr:last-child th,.league-table tr:last-child td { border-bottom:0; }
.league-table th:last-child,.league-table td:last-child { border-right:0; }
.league-table thead th { position:sticky; top:0; z-index:3; color:var(--muted); background:var(--paper-2); font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.league-rank { width:64px; text-align:center!important; }
.league-rank span { display:grid; place-items:center; width:34px; height:34px; margin:auto; border-radius:50%; color:#fff; background:var(--ink); font-size:13px; font-weight:900; }
.league-model { min-width:0; overflow-wrap:anywhere; background:var(--white); }
.league-model strong,.league-model small { display:block; }
.league-model strong { font-size:13px; }
.league-model small { margin-top:2px; color:var(--muted); font-size:10px; font-weight:600; }
.league-status,.result-status,.detail-score-state { display:inline-flex; width:max-content; margin-top:7px; padding:4px 7px; border-radius:999px; color:#385000; background:rgba(201,255,69,.5); font-size:8px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.league-status.is-provisional,.result-status.is-provisional,.detail-score-state.is-provisional { color:#7a2706; background:rgba(255,90,31,.16); }
.league-average { min-width:0; white-space:nowrap; }
.league-average strong { font-size:24px; letter-spacing:-.05em; }
.league-average span { color:var(--muted); font-size:10px; }
.league-stage { min-width:0; text-align:center!important; }
.league-stage strong,.league-stage small,.league-compact strong,.league-compact small { display:block; }
.league-stage strong { font-size:17px; }
.league-stage small,.league-compact small { margin-top:3px; color:var(--muted); font-size:8px; font-weight:650; }
.league-stage.is-missing { color:var(--muted); background:repeating-linear-gradient(135deg,rgba(17,16,14,.025) 0 5px,transparent 5px 10px); }
.league-compact { min-width:0; }
.league-cost strong,.league-coverage strong,.league-runs strong { white-space:nowrap; font-variant-numeric:tabular-nums; }
.league-action { width:58px; text-align:center!important; }
.league-action button { width:36px; height:36px; border:0; border-radius:50%; cursor:pointer; color:#fff; background:var(--ink); font-size:17px; }
.league-action button:hover { background:var(--orange); }
.league-footnote { margin:14px 2px 0; color:var(--muted); font-size:11px; }
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

/* Detailed task and model analysis */
.detail-title-row { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.detail-title-row h2 { flex:1; }
.detail-score-state { flex:0 0 auto; margin-top:7px; padding:7px 10px; }
.detail-topline { margin:28px 0 0; padding:22px 24px; border-radius:18px; color:#fff; background:var(--ink); }
.detail-topline p { max-width:780px; margin:8px 0 0; color:rgba(255,255,255,.75); font-size:18px; font-weight:700; line-height:1.42; }
.analysis-section { margin-top:48px; }
.analysis-heading { display:grid; grid-template-columns:1fr minmax(220px,390px); gap:4px 24px; align-items:end; margin-bottom:20px; }
.analysis-heading>span { grid-column:1/-1; }
.analysis-heading h3 { margin:3px 0 0; font-size:30px; line-height:1.05; letter-spacing:-.04em; }
.analysis-heading p { margin:0; color:var(--muted); font-size:12px; }
.dimension-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.dimension-card { min-height:150px; padding:18px; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.56); }
.dimension-card>span { display:block; min-height:31px; color:var(--muted); font-size:10px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
.dimension-card strong { display:block; margin-top:20px; font-size:34px; line-height:1; letter-spacing:-.055em; }
.dimension-card strong small { color:var(--muted); font-size:.38em; letter-spacing:0; }
.dimension-card p { margin:8px 0 0; color:var(--muted); font-size:10px; }
.dimension-card.is-missing { background:repeating-linear-gradient(135deg,rgba(17,16,14,.025) 0 6px,transparent 6px 12px); }
.analysis-copy { max-width:800px; padding:24px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.52); }
.analysis-copy p { margin:0; color:var(--muted); font-size:15px; line-height:1.65; }
.analysis-copy p+p { margin-top:14px; }
.failure-analysis-list { overflow:hidden; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.5); }
.failure-analysis-list article { display:grid; grid-template-columns:40px 1fr auto; gap:15px; align-items:start; padding:18px 20px; border-bottom:1px solid var(--line); }
.failure-analysis-list article:last-child { border-bottom:0; }
.failure-analysis-list article>span { color:var(--orange); font-size:10px; font-weight:900; }
.failure-analysis-list h4 { margin:0; font-size:15px; }
.failure-analysis-list p { margin:5px 0 0; color:var(--muted); font-size:12px; }
.failure-analysis-list small { padding:4px 7px; border-radius:999px; color:#792805; background:rgba(255,90,31,.1); font-size:8px; font-weight:850; text-transform:uppercase; }
.human-input-panel { margin-top:16px; padding:28px; border-radius:20px; color:var(--ink); background:var(--orange); }
.human-input-panel>span { color:rgba(17,16,14,.62); }
.human-input-panel h3 { margin:6px 0 14px; font-size:32px; letter-spacing:-.045em; }
.human-input-panel p { max-width:780px; margin:0; color:rgba(17,16,14,.72); font-size:15px; line-height:1.6; }
.human-input-panel p+p { margin-top:12px; }
.result-head { grid-template-columns:minmax(0,1fr) auto; align-items:center; }
.result-model { grid-column:1; grid-row:1; }
.result-score { grid-column:2; grid-row:1/3; }
.result-status { grid-column:1; grid-row:2; justify-self:start; margin:0; }
.result-meta b { color:var(--ink); }

/* Decision-first benchmark views */
.score-guide { margin:0 0 64px; padding:clamp(24px,4vw,44px); border:1px solid var(--line); border-radius:28px; background:rgba(255,253,248,.8); box-shadow:0 18px 54px rgba(17,16,14,.08); }
.score-guide-head { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,420px); gap:32px; align-items:end; }
.score-guide-head>div>span { color:var(--orange); font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.score-guide-head h3 { margin:5px 0 0; font-size:clamp(32px,4vw,52px); line-height:.98; letter-spacing:-.055em; }
.score-guide-head p { max-width:360px; margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
.score-guide-head p strong { color:var(--ink); }
.score-ruler { position:relative; margin-top:58px; }
.score-ruler-cells { display:grid; grid-template-columns:repeat(11,minmax(0,1fr)); gap:5px; margin:0; padding:0; list-style:none; }
.score-ruler-cells li { display:flex; align-items:flex-end; justify-content:center; min-width:0; height:68px; padding:0 2px 10px; border:1px solid rgba(17,16,14,.16); border-radius:9px; color:rgba(17,16,14,.62); background:var(--paper-2); }
.score-ruler-cells li span { font-size:14px; font-weight:950; line-height:1; }
.score-ruler-cells li[data-score-band="human-level"] { border-color:var(--ink); color:var(--ink); background:var(--orange); box-shadow:0 0 0 2px var(--ink); }
.score-ruler-cells li[data-score-band="above-human"] { border-color:rgba(17,16,14,.28); color:var(--ink); background:rgba(195,255,40,.48); }
.score-ruler-cells li:last-child { background:var(--lime); }
.score-ruler-cutoff { position:absolute; left:77.273%; top:-31px; display:flex; flex-direction:row-reverse; align-items:center; gap:7px; transform:translateX(-100%); color:var(--ink); white-space:nowrap; }
.score-ruler-cutoff span { width:8px; height:8px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 2px var(--ink); }
.score-ruler-cutoff b { font-size:9px; font-weight:950; letter-spacing:.07em; text-transform:uppercase; }
.score-meaning-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:14px; }
.score-meaning-grid>div { display:grid; grid-template-columns:auto minmax(0,1fr); gap:10px; align-items:start; min-width:0; padding:15px 14px; border:1px solid var(--line); border-radius:15px; background:var(--white); }
.score-meaning-grid strong { color:var(--orange); font-size:16px; font-weight:950; line-height:1; letter-spacing:-.03em; }
.score-meaning-grid span { color:var(--ink); font-size:11px; font-weight:850; line-height:1.25; }
.score-meaning-grid small { display:block; margin-top:4px; color:var(--muted); font-size:9px; font-weight:650; line-height:1.3; }
.score-meaning-grid [data-score-meaning="human-level"] { border-color:rgba(255,90,31,.55); background:#fff3e9; }
.score-meaning-grid [data-score-meaning="experienced"],.score-meaning-grid [data-score-meaning="top-level"] { border-color:rgba(17,16,14,.22); background:rgba(195,255,40,.18); }
.score-guide-basis { margin:16px 0 0; color:var(--muted); font-size:10px; line-height:1.5; text-align:center; }
.decision-summary { margin:0 0 78px; padding:clamp(24px,4vw,44px); border-radius:30px; color:#fff; background:var(--ink); box-shadow:0 28px 90px rgba(17,16,14,.18); }
.decision-summary-head,.best-model-choice-head,.scaffold-section-head { display:grid; grid-template-columns:1fr minmax(260px,430px); gap:32px; align-items:end; }
.decision-summary-head>div>span,.best-model-choice-head>div>span,.scaffold-section-head>div>span,.scaffold-hero-copy>span,.scaffold-next-step>div>span { color:var(--orange); font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.decision-summary-head h3,.best-model-choice-head h3,.scaffold-section-head h3,.scaffold-hero h3,.scaffold-next-step h3 { margin:5px 0 0; font-size:clamp(32px,4vw,52px); line-height:.98; letter-spacing:-.055em; }
.decision-summary-head p { margin:0; color:rgba(255,255,255,.63); font-size:14px; }
.automation-decision-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:34px; }
.automation-decision-card { position:relative; display:flex; flex-direction:column; min-height:390px; overflow:hidden; padding:25px; border:1px solid rgba(255,255,255,.15); border-radius:22px; background:rgba(255,255,255,.055); }
.automation-decision-rank { position:absolute; right:-7px; top:-21px; color:rgba(255,255,255,.04); font-size:132px; font-weight:900; line-height:1; letter-spacing:-.1em; }
.automation-decision-copy { position:relative; z-index:1; }
.automation-decision-copy h4 { margin:19px 0 0; font-size:27px; line-height:1.02; letter-spacing:-.045em; }
.automation-decision-copy p { margin:12px 0 0; color:rgba(255,255,255,.6); font-size:13px; }
.decision-status { display:inline-flex; width:max-content; max-width:100%; padding:6px 9px; border-radius:999px; color:#263100; background:var(--lime); font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.decision-status.is-assist { color:#432000; background:#ffc56f; }
.decision-status.is-review { color:#fff; background:var(--orange); }
.decision-status.is-measure { color:#fff; background:rgba(255,255,255,.16); }
.automation-decision-metrics { display:grid; grid-template-columns:1fr; gap:8px; margin:25px 0 9px; }
.automation-decision-metrics>div { padding:15px; border-radius:14px; color:var(--ink); background:var(--white); }
.automation-decision-metrics strong,.automation-decision-metrics span { display:block; }
.automation-decision-metrics strong { font-size:27px; letter-spacing:-.05em; }
.automation-decision-metrics span { margin-top:5px; color:var(--muted); font-size:9px; }
.automation-decision-model { padding:16px; border:1px solid rgba(255,255,255,.13); border-radius:14px; }
.automation-decision-model span,.automation-decision-model strong,.automation-decision-model small { display:block; }
.automation-decision-model span { color:var(--orange); font-size:9px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.automation-decision-model strong { margin-top:6px; font-size:15px; }
.automation-decision-model small { margin-top:4px; color:rgba(255,255,255,.54); }
.open-decision-detail { display:flex; align-items:center; justify-content:space-between; width:100%; margin-top:auto; padding:16px 0 0; border:0; border-top:1px solid rgba(255,255,255,.14); cursor:pointer; color:#fff; background:transparent; font-weight:850; text-align:left; }
.open-decision-detail span { color:var(--orange); font-size:20px; }
.decision-summary-foot { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:24px; padding-top:22px; border-top:1px solid rgba(255,255,255,.15); }
.decision-summary-foot p { max-width:720px; margin:0; color:rgba(255,255,255,.55); font-size:11px; }
.inline-help { flex:0 0 auto; min-height:45px; padding:0 17px; border:1px solid currentColor; border-radius:999px; cursor:pointer; color:inherit; background:transparent; font-size:11px; font-weight:850; }
.decision-summary .inline-help:hover { color:var(--ink); background:var(--lime); border-color:var(--lime); }
.task-evidence-heading { margin:0 0 34px; padding-bottom:16px; border-bottom:2px solid var(--ink); }
.task-evidence-heading span { color:var(--orange); font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.task-evidence-heading h3 { margin:4px 0 0; font-size:clamp(30px,4vw,48px); letter-spacing:-.05em; }
.task-decision-facts { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:-4px 0 12px; }
.task-decision-facts>span { min-width:0; padding:11px 12px; border:1px solid var(--line); border-radius:12px; color:var(--muted); background:rgba(255,255,255,.42); font-size:10px; }
.task-decision-facts b { display:block; overflow-wrap:anywhere; color:var(--ink); font-size:11px; }
.task-recommendation { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 18px; padding:14px 15px; border-radius:14px; color:#fff; background:var(--ink); }
.task-recommendation>span { color:rgba(255,255,255,.62); font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.task-recommendation .decision-status { flex:0 1 auto; justify-content:center; text-align:center; }
.task-card .task-bottom { justify-content:flex-end; }

.best-model-choice-section { margin:0 0 34px; padding:clamp(22px,3.5vw,38px); border:1px solid var(--line); border-radius:28px; background:rgba(255,253,248,.72); }
.best-model-choice-head { margin-bottom:24px; }
.best-model-choice-head p,.scaffold-section-head p { margin:0; color:var(--muted); font-size:13px; }
.best-model-choice-list { overflow:hidden; border:1px solid var(--line); border-radius:18px; background:var(--white); }
.best-model-choice-row { display:grid; grid-template-columns:48px minmax(180px,1.2fr) minmax(210px,1fr) 86px 32px; gap:14px; align-items:center; width:100%; min-height:79px; padding:12px 16px; border:0; border-bottom:1px solid var(--line); cursor:pointer; color:var(--ink); background:transparent; text-align:left; }
.best-model-choice-row:last-child { border-bottom:0; }
.best-model-choice-row:hover { background:rgba(255,90,31,.065); }
.best-model-choice-index { color:var(--orange); font-size:11px; font-weight:900; }
.best-model-choice-task small,.best-model-choice-task strong,.best-model-choice-model small,.best-model-choice-model strong,.best-model-choice-score strong,.best-model-choice-score small,.best-model-choice-evidence strong,.best-model-choice-evidence small { display:block; }
.best-model-choice-task small,.best-model-choice-model small,.best-model-choice-score small,.best-model-choice-evidence small { color:var(--muted); font-size:9px; }
.best-model-choice-task strong,.best-model-choice-model strong { margin-top:3px; font-size:13px; }
.best-model-choice-score strong { font-size:25px; letter-spacing:-.05em; }
.best-model-choice-evidence strong { font-size:10px; text-transform:uppercase; letter-spacing:.05em; }
.best-model-choice-row.is-pending { background:repeating-linear-gradient(135deg,rgba(17,16,14,.018) 0 7px,transparent 7px 14px); }
.best-model-choice-action { color:var(--orange); font-size:20px; }
.best-model-choice-foot { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:16px; color:var(--muted); font-size:11px; }
.best-model-choice-foot .inline-help { color:var(--ink); }
.league-wrap:focus-visible { outline:3px solid var(--orange); outline-offset:3px; }
.model-deep-dive { margin-top:22px; }
.model-deep-dive>summary { display:flex; align-items:center; justify-content:space-between; min-height:58px; padding:0 20px; border:1px solid var(--line); border-radius:16px; cursor:pointer; background:rgba(255,255,255,.5); font-size:13px; font-weight:850; list-style:none; }
.model-deep-dive>summary::-webkit-details-marker { display:none; }
.model-deep-dive>summary::after { content:"+"; color:var(--orange); font-size:24px; }
.model-deep-dive[open]>summary::after { content:"−"; }
.model-deep-dive-body { padding-top:12px; }

.scaffold-hero { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.55fr); gap:clamp(28px,5vw,64px); align-items:stretch; padding:clamp(28px,4vw,48px); border-radius:30px; color:#fff; background:var(--ink); box-shadow:0 28px 90px rgba(17,16,14,.2); }
.scaffold-hero-copy p { max-width:720px; margin:20px 0 0; color:rgba(255,255,255,.68); line-height:1.6; }
.scaffold-hero-copy p+p { margin-top:12px; color:rgba(255,255,255,.52); }
.scaffold-hero-metrics { display:grid; }
.scaffold-hero-metrics>div { display:flex; flex-direction:column; justify-content:center; min-height:100%; padding:clamp(24px,4vw,38px); border:1px solid rgba(255,255,255,.16); border-radius:22px; background:rgba(255,255,255,.065); }
.scaffold-hero-metrics strong,.scaffold-hero-metrics span { display:block; }
.scaffold-hero-metrics strong { color:var(--orange); font-size:clamp(54px,7vw,82px); line-height:.9; letter-spacing:-.075em; }
.scaffold-hero-metrics strong.is-empty { font-size:clamp(28px,4vw,46px); line-height:1; letter-spacing:-.045em; }
.scaffold-hero-metrics span { max-width:230px; margin-top:16px; color:rgba(255,255,255,.62); font-size:11px; line-height:1.45; }
.scaffold-task-section,.scaffold-model-section { margin-top:54px; }
.scaffold-section-head { margin-bottom:22px; }
.scaffold-task-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.scaffold-task-card { display:flex; flex-direction:column; min-height:330px; padding:26px; border:1px solid var(--line); border-radius:22px; background:rgba(255,253,248,.72); }
.scaffold-task-card.is-winner { border-color:rgba(86,123,0,.26); background:linear-gradient(145deg,rgba(201,255,69,.08),rgba(255,253,248,.8)); }
.scaffold-task-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.scaffold-task-head>div:first-child>span { color:var(--muted); font-size:9px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.scaffold-task-head h4 { margin:5px 0 0; font-size:26px; letter-spacing:-.045em; }
.scaffold-direction { display:inline-flex; width:max-content; max-width:230px; padding:6px 9px; border-radius:999px; color:#4e3b00; background:#ffe08a; font-size:9px; font-weight:900; letter-spacing:.05em; text-align:center; text-transform:uppercase; }
.scaffold-direction.is-positive { color:#263100; background:var(--lime); }
.scaffold-direction.is-neutral { color:#575149; background:var(--paper-2); }
.scaffold-bars { display:grid; gap:19px; margin-top:28px; }
.scaffold-bar-row>div:first-child { display:flex; align-items:baseline; justify-content:space-between; gap:15px; }
.scaffold-bar-row span { color:var(--muted); font-size:11px; font-weight:750; }
.scaffold-bar-row strong { font-size:22px; }
.scaffold-bar-row strong small { color:var(--muted); font-size:.5em; }
.scaffold-track { height:10px; margin-top:8px; overflow:hidden; border-radius:999px; background:var(--paper-2); }
.scaffold-track>span { display:block; height:100%; border-radius:inherit; background:#a79e91; }
.scaffold-bar-row.is-scaffolded .scaffold-track>span { background:var(--orange); }
.scaffold-bar-row.is-voided strong { color:#aaa196; text-decoration:line-through; text-decoration-thickness:1px; }
.scaffold-bar-row.is-voided .scaffold-track { border:1px solid rgba(17,16,14,.08); background:repeating-linear-gradient(135deg,rgba(17,16,14,.035) 0 6px,transparent 6px 12px); }
.scaffold-bar-row.is-voided .scaffold-track>span { display:none; }
.scaffold-task-foot { display:grid; grid-template-columns:minmax(120px,auto) 1fr auto; gap:18px; align-items:center; margin-top:auto; padding-top:25px; border-top:1px solid var(--line); }
.scaffold-task-foot>div strong,.scaffold-task-foot>div span { display:block; }
.scaffold-task-foot>div strong { font-size:28px; }
.scaffold-task-foot>div span { color:var(--muted); font-size:8px; }
.scaffold-task-foot p { margin:0; color:var(--muted); font-size:10px; }
.scaffold-task-foot button { min-height:44px; padding:0 8px; border:0; cursor:pointer; background:transparent; font-size:10px; font-weight:850; }
.scaffold-no-uplift { grid-column:1/3; }
.scaffold-no-uplift strong { color:var(--muted); font-size:15px!important; }
.scaffold-no-uplift span { margin-top:4px; font-size:9px!important; }
.scaffold-model-list { overflow:hidden; border:1px solid var(--line); border-radius:20px; background:var(--white); }
.scaffold-model-table { width:100%; border-collapse:collapse; }
.scaffold-model-table th,.scaffold-model-table td { padding:14px 18px; border-bottom:1px solid var(--line); text-align:left; vertical-align:middle; }
.scaffold-model-table tr:last-child th,.scaffold-model-table tr:last-child td { border-bottom:0; }
.scaffold-model-table thead th { color:#575149; background:var(--paper-2); font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.scaffold-model-row>th { width:70%; font-weight:inherit; }
.scaffold-model-row>td { text-align:right; }
.scaffold-model-row strong { display:block; font-size:16px; }
.scaffold-model-row>th>strong { font-size:13px; }
.scaffold-model-row strong.is-positive { color:#567b00; font-size:24px; letter-spacing:-.04em; }
.scaffold-model-row strong.is-voided { color:var(--muted); font-size:11px; font-weight:750; }
.scaffold-model-row small { display:block; margin-top:3px; color:var(--muted); font-size:10px; }
.scaffold-model-note { margin:12px 4px 0; color:var(--muted); font-size:10px; }
.scaffold-next-step { display:grid; grid-template-columns:minmax(0,760px); margin-top:54px; padding:clamp(26px,4vw,44px); border-radius:26px; color:var(--ink); background:var(--orange); }
.scaffold-next-step>div>span { color:rgba(17,16,14,.56); }
.scaffold-next-step h3 { max-width:760px; }
.scaffold-next-step p { max-width:720px; margin:15px 0 0; color:rgba(17,16,14,.66); }
button:focus-visible,a:focus-visible,textarea:focus-visible,.league-wrap:focus-visible { outline:3px solid var(--orange); outline-offset:3px; }
.dialog-close,.league-action button { min-width:44px; min-height:44px; }

@media (max-width:900px) {
  .hero-grid,.explorer-head,.method-grid { grid-template-columns:1fr; }
  .summary-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .hero-grid { gap:42px; } .frontier { min-height:330px; } .explorer-head { gap:20px; }
  .method-grid { gap:42px; }
  .topbar-action small { display:none; }
  .radar-head,.league-head,.analysis-heading { grid-template-columns:1fr; gap:12px; }
  .dimension-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .league-table { min-width:1102px; }
  .score-guide-head,.decision-summary-head,.best-model-choice-head,.scaffold-section-head,.scaffold-hero { grid-template-columns:1fr; }
  .score-meaning-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .automation-decision-grid { grid-template-columns:1fr; }
  .automation-decision-card { min-height:400px; }
  .scaffold-task-grid { grid-template-columns:1fr; }
  .best-model-choice-row { grid-template-columns:42px minmax(180px,1fr) minmax(190px,1fr) 74px 28px; }
  .scaffold-model-table { min-width:0; }
}
@media (max-width:680px) {
  html { scroll-padding-top:122px; }
  .shell { width:min(100% - 24px,1240px); }
  .topbar-inner { grid-template-columns:1fr; gap:9px; min-height:0; padding:10px 0 12px; }
  .brand { width:max-content; font-size:21px; } .brand-context,.topbar-back { display:none; }
  .topbar-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; width:100%; }
  .topbar-action { min-width:0; min-height:48px; gap:8px; padding:7px 10px 7px 12px; }
  .topbar-action strong { font-size:11px; }
  .topbar-action small { display:block; font-size:9px; line-height:1.2; }
  .topbar-action b { font-size:14px; }
  .hero { padding:52px 0 38px; } .hero h1 { font-size:clamp(45px,15vw,67px); }
  .frontier { min-height:300px; padding:21px; }
  .frontier-track { left:21px; right:21px; bottom:22px; }
  .summary-grid { grid-template-columns:1fr; border-left:0; }
  .summary-stat { display:flex; align-items:baseline; justify-content:space-between; gap:20px; padding:18px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,.12); }
  .summary-stat>span { max-width:180px; margin:0; text-align:right; }
  .explorer { padding:62px 0 72px; }
  .tabs { display:grid; grid-template-columns:1fr; width:100%; border-radius:20px; } .tab { padding-inline:10px; }
  .task-grid,.model-grid,.model-intro,.roles,.dialog-metrics { grid-template-columns:1fr; }
  .data-status { align-items:flex-start; flex-wrap:wrap; }
  .data-status [data-data-status-detail] { flex-basis:100%; }
  .task-card { min-height:290px; } .task-number { font-size:72px; }
  .stage-heading { align-items:end; } .stage-heading span { text-align:right; }
  .method { padding:62px 0; }
  footer .shell { flex-direction:column; }
  .updates-dialog { width:100%; max-width:none; max-height:calc(100dvh - 20px); margin:auto 0 0; border-radius:24px 24px 0 0; }
  .updates-dialog-body { padding:25px 18px 30px; }
  .updates-dialog-body h2 { font-size:44px; }
  .updates-dialog-actions { align-items:stretch; }
  .updates-save,.updates-retry { width:100%; }
  .updates-status { flex-basis:100%; }
  .dialog-body { padding:30px 20px 38px; }
  .task-map-row { grid-template-columns:1fr auto; }
  .task-map-row>span:not(.task-map-score) { grid-column:1/-1; }
  .task-card { min-height:440px; }
  .model-radar-panel,.league-section { padding:20px 16px; border-radius:20px; }
  .radar-canvas-wrap { min-height:320px; }
  .dimension-grid { grid-template-columns:1fr; }
  .detail-title-row { flex-direction:column; }
  .detail-score-state { margin-top:0; }
  .result-head { grid-template-columns:minmax(0,1fr) auto; align-items:center; }
  .result-model { grid-column:1; grid-row:1; }
  .result-score { grid-column:2; grid-row:1/3; }
  .result-status { grid-column:1; grid-row:2; justify-self:start; }
  .score-guide,.decision-summary { margin-bottom:56px; padding:22px 16px; border-radius:22px; }
  .score-guide-head,.decision-summary-head,.best-model-choice-head,.scaffold-section-head { gap:14px; }
  .score-guide-head p { font-size:12px; }
  .score-ruler { margin-top:50px; }
  .score-ruler-cells { gap:3px; }
  .score-ruler-cells li { height:52px; padding-bottom:8px; border-radius:7px; }
  .score-ruler-cells li span { font-size:11px; }
  .score-ruler-cutoff { top:-28px; }
  .score-ruler-cutoff b { font-size:8px; }
  .score-meaning-grid { gap:7px; margin-top:11px; }
  .score-meaning-grid>div { gap:8px; padding:13px 11px; border-radius:13px; }
  .score-meaning-grid strong { font-size:14px; }
  .score-meaning-grid span { font-size:10px; }
  .score-guide-basis { margin-top:13px; text-align:left; }
  .automation-decision-card { min-height:0; padding:21px; }
  .automation-decision-metrics { grid-template-columns:1fr; }
  .decision-summary-foot,.best-model-choice-foot { flex-direction:column; align-items:flex-start; }
  .inline-help { width:100%; }
  .task-decision-facts { grid-template-columns:1fr 1fr; }
  .task-recommendation { align-items:flex-start; flex-direction:column; gap:9px; }
  .best-model-choice-section { padding:20px 14px; border-radius:20px; }
  .best-model-choice-row { grid-template-columns:28px minmax(0,1fr) auto 24px; gap:8px 12px; padding:14px 12px; }
  .best-model-choice-index { grid-column:1; grid-row:1/3; }
  .best-model-choice-task { grid-column:2/4; grid-row:1; }
  .best-model-choice-model { grid-column:2; grid-row:2; }
  .best-model-choice-score { grid-column:3; grid-row:2; text-align:right; }
  .best-model-choice-action { grid-column:4; grid-row:1/3; }
  .scaffold-hero { padding:24px 18px; border-radius:22px; }
  .scaffold-hero-metrics { grid-template-columns:1fr; }
  .scaffold-hero-metrics>div { min-height:0; }
  .scaffold-task-card { padding:20px 17px; }
  .scaffold-task-head { flex-direction:column; }
  .scaffold-task-foot { grid-template-columns:1fr; }
  .scaffold-no-uplift { grid-column:auto; }
  .scaffold-task-foot button { min-height:44px; padding:0; text-align:left; }
  .scaffold-next-step { padding:24px 18px; }
  .failure-analysis-list article { grid-template-columns:30px 1fr; }
  .failure-analysis-list small { grid-column:2; width:max-content; }
}
@media (max-width:360px) {
  .topbar-actions { gap:6px; }
  .topbar-action { gap:5px; padding:7px 7px 7px 9px; }
  .topbar-action strong { font-size:10px; }
  .topbar-action b { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }
}

/* Explicit column widths keep the cost, coverage and details columns aligned. */
.league-wrap { max-width:100%; }
.league-table .col-rank { width:44px; }
.league-table .col-model { width:165px; }
.league-table .col-score { width:68px; }
.league-table .col-cost { width:84px; }
.league-table .col-stage { width:65px; }
.league-table .col-coverage { width:72px; }
.league-table .col-runs { width:56px; }
.league-table .col-action { width:58px; }
.league-sort { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:3px; width:100%; min-height:44px; padding:0; border:0; color:inherit; background:none; font:inherit; letter-spacing:0; text-align:left; cursor:pointer; overflow-wrap:normal; }
.league-sort span { flex:none; color:var(--orange); font-size:13px; }
.league-sort:hover { color:var(--ink); }
.league-sort:focus-visible { outline:2px solid var(--orange); outline-offset:3px; }
.league-table th[aria-sort="ascending"],.league-table th[aria-sort="descending"] { color:var(--ink); background:#e1d5c4; }

.task-findings-link { font-size:13px; font-weight:650; text-underline-offset:3px; position:relative; z-index:1; }
.task-bottom { gap:16px; align-items:center; }
.task-directory { margin-top:30px; margin-bottom:35px; border-top:1px solid rgba(20,17,14,.17); padding-top:20px; font-size:14px; }
.task-directory summary { cursor:pointer; font-weight:650; }
.task-directory > div { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:14px 26px; padding-top:22px; }
.task-method h4 { font-size:16px; margin:20px 0 8px; }
.task-method p { font-size:14px; line-height:1.65; }