/* Omopforge identity: overrides of design/tokens.css (blueprint/PRODUCT.md, Visual identity). Company-owned. */
:root{
  --bg:#F6F7F4; --surface:#FFFFFF; --ink:#14201E; --muted:#5E6E6A;
  --line:#DCE3DF; --accent:#0F6F66; --accent-ink:#FFFFFF;
  --good:#15803D; --warn:#B45309; --crit:#B91C1C;
  --radius:6px; --shadow:0 1px 2px rgba(20,32,30,.08);
  --font-sans:"Inter","Segoe UI",system-ui,sans-serif;
  --font-mono:ui-monospace,"JetBrains Mono","SF Mono",Menlo,monospace;
  --text-sm:13px; --text-base:15.5px; --text-lg:19px; --text-xl:27px; --text-2xl:38px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0E1514; --surface:#151E1C; --ink:#E6EEEC; --muted:#93A5A0;
  --line:#25332F; --accent:#4FD1C0; --accent-ink:#06201C;
  --good:#4ADE80; --warn:#F2A64B; --crit:#F87171;}}
body{font-family:var(--font-sans);font-size:var(--text-base)}
code,pre,.mono{font-family:var(--font-mono)}
.num{font-variant-numeric:tabular-nums}
.top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:var(--space-2);font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:-.01em}
.top nav{display:flex;gap:var(--space-4)}
.top nav a{color:var(--muted);text-decoration:none;font-size:var(--text-sm)}
.top nav a:hover,.top nav a[aria-current]{color:var(--ink)}
main{max-width:980px;margin:0 auto;padding:var(--space-5) var(--space-4) var(--space-6)}
.eyebrow{color:var(--muted);font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase;margin:0 0 var(--space-2)}
h1{font-size:var(--text-2xl);margin:0 0 var(--space-3);letter-spacing:-.02em}
h2{font-size:var(--text-xl);margin:var(--space-6) 0 var(--space-3);letter-spacing:-.01em}
h3{font-size:var(--text-lg);margin:var(--space-4) 0 var(--space-2)}
.lede{color:var(--muted);max-width:64ch;margin:0 0 var(--space-4);font-size:var(--text-lg);line-height:1.5}
.stamp{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--muted);margin:0 0 var(--space-4)}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-3);margin:var(--space-4) 0}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3) var(--space-3);box-shadow:var(--shadow)}
.tile .big{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tile .cap{color:var(--muted);font-size:var(--text-sm);margin-top:2px}
.tile.fail{border-color:var(--warn)}
.tile.fail .big{color:var(--warn)}
.tile .bar{height:4px;background:var(--line);border-radius:2px;margin-top:var(--space-2);overflow:hidden}
.tile .bar i{display:block;height:100%;background:var(--accent)}
table{border-collapse:collapse;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-size:var(--text-sm);margin:var(--space-3) 0}
th,td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--muted);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
.pass{color:var(--good);font-weight:600}.miss{color:var(--warn);font-weight:600}
.scroll{overflow-x:auto}
.callout{border-left:3px solid var(--warn);background:var(--surface);padding:var(--space-3) var(--space-4);border-radius:0 var(--radius) var(--radius) 0;margin:var(--space-3) 0}
.callout h3{margin-top:0}
pre{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3);overflow-x:auto;font-size:var(--text-sm);line-height:1.5}
:not(pre)>code{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:.9em}
ul.tight{padding-left:1.2em;margin:var(--space-2) 0}ul.tight li{margin:var(--space-2) 0}
.interest{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow);max-width:560px;margin:var(--space-4) 0}
.interest form{display:grid;gap:var(--space-3)}
.interest label{display:grid;gap:4px;font-size:var(--text-sm);color:var(--muted)}
.interest p{margin:0}
.interest [data-state]{display:none;font-size:var(--text-sm)}
.interest [data-state].on{display:block}
.interest [data-state=error]{color:var(--crit)}.interest [data-state=success]{color:var(--good)}
.interest .fine{color:var(--muted);font-size:var(--text-sm)}
.foot{border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-sm);padding:var(--space-4);display:flex;gap:var(--space-4);flex-wrap:wrap}
.foot a{color:var(--muted)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}
.hero{padding:var(--space-4) 0 0}
.btn,button{font-family:inherit}