/* Veriq AI — shared shell for the standalone document pages (terms, privacy).
   The token block is copied from index.html verbatim so the legal pages sit in
   the same visual system as the product. Kept in a real stylesheet rather than
   inlined three times: these pages change on legal advice, not on design whim,
   and duplicated tokens drift. */

:root{
  --app:#F5F6F8; --panel:#FFFFFF; --panel-2:#FAFBFC;
  --line:#E2E5EA; --line-2:#CBD1DA;
  --ink:#131822; --ink-2:#525A68; --ink-3:#828A97;
  --rail:#11151C; --rail-2:#1A202A; --rail-line:#252C38;
  --rail-ink:#AEB6C4; --rail-ink-2:#6E7787;
  --accent:#8A6A1F; --accent-2:#B08A2E;
  --ok:#1C6E4A; --ok-bg:#E4F0E9; --ok-line:#B6D8C6;
  --warn:#8A5D06; --warn-bg:#FAEED6; --warn-line:#E6CE96;
  --crit:#9B2C24; --crit-bg:#F9E4E2; --crit-line:#EBBDB8;
  --info:#28557F; --info-bg:#E5EDF6; --info-line:#B9CDE4;
  --idle:#5B6371; --idle-bg:#ECEFF3; --idle-line:#D3D9E1;
  --shadow:0 1px 2px rgba(19,24,34,.05);
  --shadow-2:0 4px 16px -6px rgba(19,24,34,.18);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --app:#0C1017; --panel:#141A23; --panel-2:#101620;
    --line:#242C38; --line-2:#333C4A;
    --ink:#E5E9F0; --ink-2:#9BA5B4; --ink-3:#767F8E;
    --rail:#090C12; --rail-2:#141A23; --rail-line:#1E2530;
    --rail-ink:#A8B1BF; --rail-ink-2:#666F7E;
    --accent:#C99B3C; --accent-2:#E0B75B;
    --ok:#63BC91; --ok-bg:#12241B; --ok-line:#25412F;
    --warn:#D9A441; --warn-bg:#251E10; --warn-line:#463516;
    --crit:#E38077; --crit-bg:#2A1614; --crit-line:#4A2622;
    --info:#7FAAD8; --info-bg:#131F2C; --info-line:#233549;
    --idle:#8B93A1; --idle-bg:#1A2029; --idle-line:#2A323D;
    --shadow:0 1px 2px rgba(0,0,0,.4);
    --shadow-2:0 8px 26px -10px rgba(0,0,0,.7);
  }
}
:root[data-theme="dark"]{
  --app:#0C1017; --panel:#141A23; --panel-2:#101620;
  --line:#242C38; --line-2:#333C4A;
  --ink:#E5E9F0; --ink-2:#9BA5B4; --ink-3:#767F8E;
  --rail:#090C12; --rail-2:#141A23; --rail-line:#1E2530;
  --rail-ink:#A8B1BF; --rail-ink-2:#666F7E;
  --accent:#C99B3C; --accent-2:#E0B75B;
  --ok:#63BC91; --ok-bg:#12241B; --ok-line:#25412F;
  --warn:#D9A441; --warn-bg:#251E10; --warn-line:#463516;
  --crit:#E38077; --crit-bg:#2A1614; --crit-line:#4A2622;
  --info:#7FAAD8; --info-bg:#131F2C; --info-line:#233549;
  --idle:#8B93A1; --idle-bg:#1A2029; --idle-line:#2A323D;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --shadow-2:0 8px 26px -10px rgba(0,0,0,.7);
}

/* One deliberate divergence from console.html, and the only one: --ink-3 is
   nudged until tertiary text clears WCAG AA (4.5:1) on every surface it lands
   on. The console's value fails on both — 3.48:1 on white, 4.32:1 on panel.
   That is survivable in a dense tool used all day by staff who chose to open
   it; it is not survivable on a public page read once, on an unknown screen,
   in unknown light. Every other token is byte-identical to the console. */
:root{ --ink-3:#68707D }                                             /* 4.62:1 on --app #F5F6F8, the darkest light surface */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){ --ink-3:#7B8493 }                 /* 4.63:1 on #141A23 */
}
:root[data-theme="dark"]{ --ink-3:#7B8493 }


*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;background:var(--app);color:var(--ink);
  font-family:"Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;
}
.mono{font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;font-variant-numeric:tabular-nums}
a{color:var(--accent)}
h1,h2,h3{margin:0;letter-spacing:-.022em;line-height:1.2;font-weight:600}
p{margin:0}
:where(a,button):focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}

.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--panel);
  border:1px solid var(--line-2);border-radius:4px;padding:9px 14px;font-size:14px;text-decoration:none}
.skip:focus{left:12px}

.hd{border-bottom:1px solid var(--line);background:var(--app)}
.hd .in{display:flex;align-items:center;gap:18px;height:60px;max-width:820px;margin:0 auto;padding:0 24px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.brand .mk{width:30px;height:30px;border-radius:3px;flex:none;
  background:linear-gradient(160deg,var(--accent-2),var(--accent));display:grid;place-items:center;
  color:#11151C;font-weight:700;font-size:12px;font-family:"IBM Plex Mono",monospace}
.brand .nm b{display:block;font-size:14.5px;font-weight:600;line-height:1.15}
.brand .nm span{display:block;color:var(--ink-3);font-size:9.5px;letter-spacing:.13em;
  text-transform:uppercase;font-weight:500;margin-top:1px}
.hd .back{margin-left:auto;font-size:14px;color:var(--ink-2);text-decoration:none}
.hd .back:hover{color:var(--ink)}

main{max-width:820px;margin:0 auto;padding:52px 24px 90px}
.doc-kicker{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-3)}
h1{font-size:clamp(28px,4vw,38px);margin-top:14px}
.updated{margin-top:14px;font-size:13.5px;color:var(--ink-3);font-family:"IBM Plex Mono",monospace}
.intro{margin-top:22px;font-size:17px;color:var(--ink-2);line-height:1.7}

.toc{margin:34px 0 0;padding:20px 22px;background:var(--panel);border:1px solid var(--line);border-radius:4px}
.toc h2{font-size:11px;font-family:"IBM Plex Mono",monospace;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-3);font-weight:600}
.toc ol{margin:12px 0 0;padding-left:22px;columns:2;column-gap:28px}
@media(max-width:640px){.toc ol{columns:1}}
.toc li{font-size:14px;margin-bottom:5px}
.toc a{text-decoration:none;color:var(--ink-2)}
.toc a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}

section.cl{margin-top:42px;scroll-margin-top:20px}
section.cl h2{font-size:20px;display:flex;gap:12px;align-items:baseline}
section.cl h2 .n{font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--accent);font-weight:600;flex:none}
section.cl p{margin-top:12px;color:var(--ink-2)}
section.cl h3{font-size:15.5px;margin-top:20px}
section.cl ul{margin:12px 0 0;padding-left:20px;color:var(--ink-2)}
section.cl li{margin-bottom:7px}
section.cl b{color:var(--ink);font-weight:600}

table{width:100%;border-collapse:collapse;margin-top:16px;font-size:14px;
  border:1px solid var(--line);border-radius:4px;overflow:hidden}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--panel-2);font-size:11px;font-family:"IBM Plex Mono",monospace;
  letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
td{color:var(--ink-2);background:var(--panel)}
tr:last-child td{border-bottom:0}
.tw{overflow-x:auto;border-radius:4px}

.callout{margin-top:18px;padding:16px 18px;background:var(--panel);border:1px solid var(--line);
  border-radius:4px;font-size:14.5px;color:var(--ink-2)}
.callout b{color:var(--ink)}

/* Values the operator must supply before this page is relied on. Deliberately
   conspicuous: a placeholder that blends in is a placeholder that ships. */
.fill{background:var(--warn-bg);color:var(--warn);border:1px dashed var(--warn-line);
  border-radius:2px;padding:0 5px;font-family:"IBM Plex Mono",monospace;font-size:.88em;font-weight:500}

.ft{border-top:1px solid var(--line);margin-top:70px}
.ft .in{max-width:820px;margin:0 auto;padding:26px 24px 46px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.ft nav{display:flex;flex-wrap:wrap;gap:16px}
.ft a{font-size:13.5px;color:var(--ink-2);text-decoration:none}
.ft a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.ft .cp{margin-left:auto;font-size:13px;color:var(--ink-3);font-family:"IBM Plex Mono",monospace}