/* Shared Watermark design system. Page-specific components stay beside their
   page or builder. The public site intentionally ships in light mode only. */
:root{
  color-scheme:light;
  --background:#ffffff; --foreground:#1a1c20; --muted-foreground:#5d646e; --faint:#969da7;
  --border:#e8eaee; --border-strong:#d3d7dd; --card:#ffffff; --muted:#f6f7f9; --muted2:#eef0f3;
  --c-rogo:#15803d; --c-vals:#1a1c20; --c-btb:#facc15; --c-mercor:#7c3aed; --c-diligence:#9a5b2d; --c-btbdim:#b794f6; --c-other:#aeb4be;
  --c-ret:#3db1ff; --c-con:#7c3aed; --c-doc:#64748b; --c-blue:#0751a0;
  --accent:#0d8ef4; --accent-strong:#0751a0; --accent-deep:#00417e; --accent-soft:#eaf6ff;
  --c-ok:#0751a0; --c-bad:#d4380d; --c-amber:#b7791f;
  --ok-bg:#eaf6ff; --warn-bg:#fbf3e3; --bad-bg:#fcece6;
  --r:12px; --r-sm:8px;
  --sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --mono:"Google Sans Code",ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --maxw:780px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scrollbar-gutter:stable}
[id]{scroll-margin-top:70px}
body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--sans);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased}
a{color:var(--foreground);text-decoration:none;border-bottom:1px solid var(--border-strong)}
a:hover{border-bottom-color:var(--foreground)}
code{font-family:var(--mono);font-size:0.85em;background:var(--muted2);border-radius:5px;padding:1px 5px}
b,strong{font-weight:600}

/* top nav. The row aligns with the centered 1180px content container (logo at the content's left
   edge, links at its right edge, symmetric), not the raw viewport edges. 50% = half the body
   content width (scrollbar-safe); 562 = 1180/2 - 28 (the container's inner padding edge). */
.nav{position:sticky;top:0;z-index:50;height:56px;display:flex;align-items:center;gap:16px;padding:0 max(28px,calc(50% - 562px));border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--background) 88%,transparent);backdrop-filter:saturate(180%) blur(8px)}
@media(max-width:920px){.nav{padding-left:22px;padding-right:22px}}
.brand{display:flex;align-items:center;gap:9px;border:none;color:var(--foreground);font-size:14.5px}
.brand-mark{display:block;width:27px;height:27px;flex:none}
.brand-name{font-weight:650;letter-spacing:-.01em}
.nav .sp{flex:1}
.nav a.link{font-size:13.5px;font-weight:500;color:var(--muted-foreground);border:none;padding:6px 2px;box-shadow:inset 0 -2px transparent;white-space:nowrap}
.nav a.link:hover{color:var(--foreground)}
.nav a.link.active{color:var(--foreground);box-shadow:inset 0 -2px var(--accent)}
/* shared keyboard focus ring (a11y) */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:760px){
  .nav{gap:14px}
  .brand-name{display:none}
}

/* layout: sticky sidebar + content */
.shell,.dshell{display:flex;gap:44px;max-width:1180px;margin:0 auto;padding:0 28px;align-items:flex-start}
.toc{position:sticky;top:80px;flex:0 0 218px;font-size:13px;line-height:1.55;max-height:calc(100vh - 100px);overflow:auto;align-self:flex-start;padding-top:46px}
.wrap,.dmain{flex:1 1 auto;min-width:0;max-width:var(--maxw);padding:46px 0 120px}
.dmain.wide{max-width:900px}
.toc .lab,.toc-lab{text-transform:uppercase;letter-spacing:.09em;font-size:10px;color:var(--faint);margin:0 0 9px;font-weight:600}
.toc a{display:block;color:var(--muted-foreground);border:none;padding:3px 0 3px 12px;border-left:2px solid transparent;transition:color .22s ease,border-color .22s ease}
.toc a.sub,.toc a.toc-sec.sub{padding-left:22px;font-size:12px;color:var(--faint)}
.toc a:hover{color:var(--foreground)}
.toc a.active,.toc a.toc-page.active,.toc a.toc-sec.active{color:var(--foreground);border-left-color:var(--accent)}
@media(max-width:920px){.shell,.dshell{display:block;padding:0 22px}.toc{display:none}.wrap,.dmain{max-width:none;padding-top:32px}}

/* Internal operations pages (OTS, New Eval) — one shared header/KPI/section grammar. */
.ops-head{display:grid;grid-template-columns:minmax(0,620px) 1fr;gap:36px;align-items:end}
.ops-head h1{font-size:29px;margin:7px 0 8px}
.ops-head .lead{font-size:15.5px;color:var(--muted-foreground);max-width:65ch}
.stamp{font:10.5px/1.55 var(--mono);color:var(--faint);border-left:2px solid var(--accent);padding:3px 0 3px 14px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:44px 0 13px}
.section-head h2{font-size:22px;margin:0}
.section-head p{font-size:12px;color:var(--faint);margin:0}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kpi{border:1px solid var(--border);border-radius:10px;padding:15px;background:var(--card)}
.kpi .v{font:600 20px var(--mono)}
.kpi .l{font-size:11px;color:var(--muted-foreground);margin-top:4px}
.empty{padding:30px;border:1px dashed var(--border-strong);border-radius:10px;color:var(--muted-foreground)}
@media(max-width:800px){.ops-head{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}}

/* typography */
h1{font-size:32px;line-height:1.15;font-weight:480;letter-spacing:-.02em;margin:14px 0 10px}
.dek,.lead{font-size:18.5px;line-height:1.5;color:var(--muted-foreground);font-weight:400;margin:0 0 20px;max-width:60ch}
.byline{font-size:13px;color:var(--faint);display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding-bottom:22px;margin-bottom:6px;border-bottom:1px solid var(--border)}
.byline .dot{color:var(--border-strong)}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:600;color:var(--faint);margin-bottom:8px}
h2{font-size:25px;font-weight:500;letter-spacing:-.014em;margin:54px 0 8px}
h3{font-size:17.5px;font-weight:600;margin:34px 0 4px}
p{margin:15px 0}
ul.body,ol.body{margin:14px 0;padding-left:22px} ul.body li,ol.body li{margin:9px 0}

/* figure */
figure{margin:32px 0}
.card{border:1px solid var(--border);border-radius:var(--r);background:var(--card);padding:20px 20px 16px}
.card .ttl{font-size:14px;font-weight:600;margin:0 0 2px}
.card .cap{font-size:12.5px;color:var(--muted-foreground);margin:0 0 14px}
.chart svg{display:block;width:100%;height:auto;overflow:visible}
.axis-l{fill:var(--faint);font-size:10px;font-family:var(--sans)}
.bar-lab{fill:var(--foreground);font-size:12.5px;font-weight:500;font-family:var(--sans)}
.bar-sub{fill:var(--muted-foreground);font-size:10.5px;font-family:var(--sans)}
.bar-val{fill:var(--foreground);font-size:12.5px;font-weight:600;font-family:var(--mono)}
.grid-l{stroke:var(--border);stroke-width:1}
.err{stroke:var(--muted-foreground);stroke-width:1.4}

/* stat figures (borderless) */
.pills{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:26px 0;border-top:1px solid var(--border)}
@media(max-width:620px){.pills{grid-template-columns:repeat(2,1fr)}}
.pill{padding:14px 16px 14px 0;border-right:1px solid var(--border)}
.pill:last-child{border-right:none}
.pill .v{font-size:22px;font-weight:600;font-family:var(--mono);line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pill .l{font-size:11.5px;color:var(--muted-foreground);margin-top:5px;line-height:1.35}
.pillrow{display:flex;gap:30px;flex-wrap:wrap;margin:18px 0;border-top:1px solid var(--border);padding-top:14px}

/* one understated callout */
.note{border-left:2px solid var(--border-strong);background:var(--muted);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:13px 16px;margin:18px 0;font-size:14.5px;color:var(--muted-foreground)}
.note.ok,.note.warn,.note.bad{border-left-color:var(--border-strong);background:var(--muted)}
.note b{color:var(--foreground)}

/* glossary */
.gloss{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 0;margin:24px 0}
.gloss .glab{text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:var(--faint);font-weight:600;margin-bottom:12px}
.gloss dl{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:9px 18px}
.gloss dt{font-weight:600;font-size:13px}
.gloss dd{margin:0;font-size:13px;color:var(--muted-foreground);line-height:1.5}
@media(max-width:560px){.gloss dl{grid-template-columns:1fr;gap:2px 0}.gloss dd{margin-bottom:9px}}

/* anatomy legend */
.legend{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 4px}
.chip{cursor:pointer;border:1px solid var(--border);border-radius:999px;background:var(--card);padding:5px 11px 5px 9px;font-size:12px;color:var(--muted-foreground);display:inline-flex;align-items:center;gap:7px;transition:all .12s}
.chip .sw{width:9px;height:9px;border-radius:2px;display:inline-block}
.chip:hover{color:var(--foreground);border-color:var(--border-strong)}
.chip.active{color:var(--foreground);border-color:var(--foreground);background:var(--muted)}
.chip.dim{opacity:.4}
.anat-detail{font-size:13.5px;color:var(--muted-foreground);padding:13px 0 0;margin-top:12px;min-height:20px;border-top:1px solid var(--border)}
.anat-detail:empty{border:none;min-height:0;padding:0;margin:0}
.anat-detail b{color:var(--foreground)}
.seg{transition:opacity .15s} .seg.dim{opacity:.16}
.seg-lab{fill:var(--muted-foreground);font-size:10px;font-family:var(--sans)} .seg-lab.dim{opacity:.18}

/* tables */
table.t{border-collapse:collapse;width:100%;font-size:13px;margin:8px 0;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;background:var(--card)}
table.t th,table.t td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
table.t th{background:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted-foreground);font-weight:600}
table.t td:first-child{background:var(--muted);font-weight:600;color:var(--foreground)}
table.t tr:last-child td{border-bottom:none}
table.t td.mono{text-align:right;font-variant-numeric:tabular-nums}
.win{color:var(--c-ok);font-weight:600}.lose{color:var(--c-bad);font-weight:600}
td.mono,.mono{font-family:var(--mono)}
.t-rogo,.t-cc{color:var(--foreground)}

/* comparison matrix */
.scrollx{overflow-x:auto;margin:16px 0;border:1px solid var(--border);border-radius:var(--r-sm);-webkit-overflow-scrolling:touch}
.scrollx table.t{border:none;margin:0;border-radius:0}
table.matrix{min-width:660px}
table.matrix th,table.matrix td{font-size:12px;padding:7px 11px;white-space:nowrap}
table.matrix th{text-transform:none;letter-spacing:0;vertical-align:bottom;font-weight:600;line-height:1.2;color:var(--foreground)}
table.matrix th.bh-rogo{color:var(--c-rogo)} table.matrix th.bh-vals{color:var(--c-vals)} table.matrix th.bh-btb{color:var(--c-btb)} table.matrix th.bh-mercor{color:var(--c-mercor)} table.matrix th.bh-diligence{color:var(--c-diligence)}
table.matrix td{white-space:normal}
.rubex{display:block;margin:8px 0 4px;padding:2px 0 2px 14px;border-left:2px solid var(--border-strong);font-size:13px;color:var(--muted-foreground);font-style:italic}

/* expandable audit cards */
.evi{margin-top:14px}
details.task{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--card);margin:8px 0;overflow:hidden}
details.task[open]{border-color:var(--border-strong)}
details.task summary{cursor:pointer;list-style:none;padding:12px 15px;display:flex;align-items:center;gap:10px;font-size:13.5px}
details.task summary::-webkit-details-marker{display:none}
details.task summary::before{content:"›";color:var(--faint);font-size:16px;transition:transform .15s;line-height:1}
details.task[open] summary::before{transform:rotate(90deg)}
.t-name{font-weight:600}
.t-meta{color:var(--faint);font-size:11.5px;margin-left:auto;white-space:nowrap}
.badge{font-size:10px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;border:1px solid var(--border)}
.badge.ok{color:var(--c-ok)} .badge.warn{color:var(--c-amber)}
.t-body{padding:2px 15px 15px;border-top:1px solid var(--border)}
.qa{font-size:12.5px;color:var(--muted-foreground);padding:11px 0 2px;margin:8px 0;border-top:1px solid var(--border)}
.ans{font-size:12.5px;margin:9px 0;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.ans .al{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint)}
.ans code{background:var(--muted2)} .ans code.ok{color:var(--c-ok)} .match{color:var(--c-ok);font-weight:600;font-size:11.5px}
.verdict{font-size:12.5px;color:var(--muted-foreground);padding:2px 0;margin:8px 0}
.two{display:grid;grid-template-columns:1.25fr 1fr;gap:18px;margin-top:12px}
@media(max-width:680px){.two{grid-template-columns:1fr}}
.h{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);margin:2px 0 6px}
.h .x{font-weight:400;text-transform:none;letter-spacing:0}
table.rub{border-collapse:collapse;width:100%;font-size:11.5px}
table.rub th,table.rub td{padding:5px 7px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
table.rub th{color:var(--faint);font-size:10px;text-transform:uppercase}
table.rub td.pt{font-family:var(--mono);text-align:right;width:26px;color:var(--accent);font-weight:600}
table.rub td.mkc{width:18px;text-align:center;font-weight:700}
.mk.ok{color:var(--c-ok)}.mk.miss{color:var(--c-bad)}.mk.amb{color:var(--c-amber)}
ul.figs{margin:0;padding-left:16px;font-size:11.5px;color:var(--muted-foreground)} ul.figs li{margin:4px 0}

/* runs: tabs + accordion */
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin:18px 0 0}
.tab{cursor:pointer;border:none;background:none;padding:9px 14px;font-size:13px;font-weight:600;color:var(--muted-foreground);border-bottom:2px solid transparent;margin-bottom:-1px;font-family:inherit}
.tab:hover{color:var(--foreground)}
.tab.active{color:var(--foreground);border-bottom-color:var(--accent)}
.tabpanel{margin-top:10px}
.tabpanel[hidden]{display:none}

.foot{margin-top:64px;padding-top:20px;border-top:1px solid var(--border);font-size:13px;color:var(--muted-foreground)}
.foot h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);margin:18px 0 6px;font-weight:600}
.foot code{font-size:11.5px}
hr.sec{border:none;border-top:1px solid var(--border);margin:46px 0}

/* Explicit evidence states shared by research and operations views. */
.state{display:inline-block;font:600 9px var(--mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--border);border-radius:999px;padding:4px 8px;color:var(--faint);vertical-align:2px}
.state.measured{color:var(--c-ok)}.state.review{color:var(--c-amber)}
.planned{border:1px dashed var(--border-strong);border-radius:10px;padding:17px;margin:13px 0;color:var(--muted-foreground);font-size:13px}
.planned b{color:var(--foreground)}

/* Text-first homepage: intentionally closer to a plain company note than a
   conventional marketing landing page. */
.home-main{max-width:650px;margin:0 auto;padding:70px 24px 96px}
.home-identity{text-align:center;margin:0 0 46px}
.home-logo{display:block;width:68px;height:68px;margin:0 auto 16px}
.home-main h1{font-size:32px;line-height:1.2;font-weight:600;letter-spacing:-.024em;margin:0}
.home-definition{margin:0}
.home-definition dt{display:flex;align-items:baseline;gap:10px;margin:0;font-weight:400}
.home-definition dfn{font-style:normal;font-size:18px;font-weight:600;letter-spacing:-.01em}
.home-definition dt>span{font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground)}
.home-definition dd{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:start;margin:12px 0 0}
.home-definition dd+dd{margin-top:9px}
.home-definition-sense{padding-top:5px;font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted-foreground)}
.home-definition-copy{font-family:ui-serif,Georgia,Cambria,"Times New Roman",serif;font-size:17px;line-height:1.55}
.home-belief{font-size:16px;line-height:1.62;margin:26px 0 0}
.home-section{margin-top:46px}
.home-section h2{font-size:17px;font-weight:650;letter-spacing:-.01em;margin:0 0 16px}
.home-research{padding:0}
.home-research a{display:inline-block;color:var(--accent-strong);font-weight:500;border-bottom-color:color-mix(in srgb,var(--accent) 44%,transparent)}
.home-research a:hover{border-bottom-color:var(--accent-strong)}
@media(max-width:560px){
  .home-main{padding:52px 22px 80px}
  .home-identity{margin-bottom:38px}
  .home-logo{width:60px;height:60px}
  .home-main h1{font-size:29px}
  .home-definition dd{grid-template-columns:56px;gap:9px}
  .home-definition-copy{font-size:16.5px}
}