/* ══════════════════════════════════════════════════════════════════
   HundredFold — legal / document pages (Privacy · Terms · Security)
   Shares the brand tokens from the landing page (index.html).
   ══════════════════════════════════════════════════════════════════ */

:root{
  --accent:#5e54e8; --accent-2:#8a86ff;
  --accent-soft:color-mix(in srgb,#5e54e8 15%,transparent);
  --accent-dim:color-mix(in srgb,#5e54e8 32%,transparent);
  --font-ui:'Outfit',system-ui,sans-serif;
  --font-mono:'Geist Mono',ui-monospace,monospace;
  --r-xl:18px; --r-lg:14px; --r-md:10px; --r-sm:8px;
  /* dark (Carbon) — nav + footer */
  --d-bg:oklch(0.158 0.01 255); --d-panel:oklch(0.205 0.012 255); --d-panel-2:oklch(0.262 0.014 255);
  --d-border:oklch(1 0 0 / 10%); --d-border-strong:oklch(1 0 0 / 18%);
  --d-text:oklch(0.97 0.004 255); --d-text-dim:oklch(0.71 0.012 255); --d-text-faint:oklch(0.55 0.012 255);
  /* light (Studio) — document body */
  --l-bg:oklch(0.994 0.0015 95); --l-panel:oklch(1 0 0); --l-panel-2:oklch(0.972 0.003 90);
  --l-border:oklch(0.92 0.004 90); --l-border-strong:oklch(0.87 0.005 90);
  --l-text:oklch(0.18 0.004 75); --l-text-dim:oklch(0.40 0.008 75); --l-text-faint:oklch(0.55 0.008 75);
  --pos:oklch(0.62 0.14 162); --warn:oklch(0.62 0.13 75);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{margin:0;font-family:var(--font-ui);background:var(--l-bg);color:var(--l-text);
  -webkit-font-smoothing:antialiased;letter-spacing:-.011em;line-height:1.5;}
a{color:inherit;text-decoration:none;}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;}

/* ── top nav (dark) ─────────────────────── */
.lnav{background:var(--d-bg);border-bottom:1px solid var(--d-border);position:sticky;top:0;z-index:50;}
.lnav-in{max-width:1100px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:28px;}
.brand{display:flex;align-items:center;gap:9px;color:var(--d-text);}
.brand .mark{width:28px;height:28px;flex-shrink:0;display:grid;place-items:center;}
.brand .mark svg{display:block;}
.brand b{font-size:16px;font-weight:600;letter-spacing:-.03em;}
.lnav-links{display:flex;gap:22px;margin-left:6px;}
.lnav-links a{font-size:13.5px;color:var(--d-text-dim);font-weight:500;transition:.13s;}
.lnav-links a:hover{color:var(--d-text);}
.lnav-links a.on{color:var(--d-text);}
.lnav-right{margin-left:auto;}
.lnav-back{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--d-text-dim);font-weight:500;
  border:1px solid var(--d-border-strong);border-radius:var(--r-sm);padding:7px 14px;transition:.14s;}
.lnav-back:hover{background:var(--d-panel);color:var(--d-text);}

/* ── document shell ─────────────────────── */
.ldoc{max-width:760px;margin:0 auto;padding:54px 24px 30px;}
.ldoc-head{border-bottom:1px solid var(--l-border);padding-bottom:30px;margin-bottom:8px;}
.eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);
  padding:5px 12px;border-radius:20px;margin-bottom:18px;}
.ldoc-head h1{margin:0;font-size:42px;font-weight:600;letter-spacing:-.034em;line-height:1.05;}
.ldoc-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:13.5px;color:var(--l-text-faint);}
.ldoc-meta b{color:var(--l-text-dim);font-weight:550;}

/* page tabs (Privacy / Terms / Security) */
.ldoc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}
.ldoc-tabs a{font-size:13px;font-weight:550;padding:7px 15px;border-radius:30px;border:1px solid var(--l-border-strong);
  color:var(--l-text-dim);transition:.14s;}
.ldoc-tabs a:hover{border-color:var(--accent);color:var(--accent);}
.ldoc-tabs a.on{background:var(--accent);border-color:var(--accent);color:#fff;}

/* ── prose typography ─────────────────────── */
.prose{padding-top:34px;font-size:16px;line-height:1.72;color:var(--l-text);text-wrap:pretty;}
.prose>*:first-child{margin-top:0;}
.prose h2{font-size:24px;font-weight:600;letter-spacing:-.026em;line-height:1.18;margin:46px 0 0;
  padding-top:30px;border-top:1px solid var(--l-border);scroll-margin-top:80px;}
.prose h2:first-of-type{border-top:none;padding-top:0;margin-top:14px;}
.prose h3{font-size:18px;font-weight:600;letter-spacing:-.02em;margin:30px 0 0;color:var(--l-text);}
.prose h4{font-size:15.5px;font-weight:600;margin:24px 0 0;}
.prose p{margin:16px 0 0;}
.prose ul,.prose ol{margin:16px 0 0;padding-left:24px;}
.prose li{margin:8px 0;padding-left:4px;}
.prose li::marker{color:var(--l-text-faint);}
.prose a{color:var(--accent);font-weight:500;text-decoration:underline;text-underline-offset:2px;
  text-decoration-color:color-mix(in srgb,var(--accent) 38%,transparent);transition:.13s;}
.prose a:hover{text-decoration-color:var(--accent);}
.prose strong,.prose b{font-weight:650;color:var(--l-text);}
.prose hr{border:none;border-top:1px solid var(--l-border);margin:40px 0 0;}
.prose code{font-family:var(--font-mono);font-size:.86em;background:var(--l-panel-2);border:1px solid var(--l-border);
  border-radius:5px;padding:1px 6px;color:oklch(0.34 0.06 280);white-space:nowrap;}

/* tables */
.prose .tbl{margin-top:24px;overflow-x:auto;border:1px solid var(--l-border);border-radius:var(--r-md);}
.prose table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5;}
.prose th,.prose td{text-align:left;padding:11px 15px;border-bottom:1px solid var(--l-border);vertical-align:top;}
.prose th{background:var(--l-panel-2);font-weight:600;font-size:12.5px;letter-spacing:.01em;color:var(--l-text-dim);
  white-space:nowrap;}
.prose tr:last-child td{border-bottom:none;}
.prose td code{white-space:normal;}

/* callout / note box */
.note{margin-top:26px;border:1px solid var(--l-border-strong);border-left:3px solid var(--accent);
  background:var(--l-panel-2);border-radius:var(--r-md);padding:16px 20px;font-size:14.5px;line-height:1.62;
  color:var(--l-text-dim);}
.note strong{color:var(--l-text);}

/* lead paragraph */
.prose .lead{font-size:18px;line-height:1.62;color:var(--l-text-dim);margin-top:0;}

/* TBD — values still pending business/legal sign-off (visibly flagged) */
.tbd{background:color-mix(in srgb,var(--warn) 22%,transparent);border-bottom:1px dashed var(--warn);
  border-radius:3px;padding:0 4px;font-weight:550;font-style:normal;color:oklch(0.36 0.07 70);white-space:nowrap;}

/* ── footer (dark) ─────────────────────── */
.lfoot{background:var(--d-bg);color:var(--d-text-faint);border-top:1px solid var(--d-border);margin-top:64px;}
.lfoot-in{max-width:1100px;margin:0 auto;padding:40px 24px;display:flex;flex-wrap:wrap;gap:20px 40px;
  align-items:center;justify-content:space-between;}
.lfoot .brand{color:var(--d-text);}
.lfoot-links{display:flex;flex-wrap:wrap;gap:20px;font-size:13px;}
.lfoot-links a{color:var(--d-text-faint);transition:.12s;}
.lfoot-links a:hover{color:var(--d-text-dim);}
.lfoot-copy{width:100%;border-top:1px solid var(--d-border);padding-top:18px;font-size:12px;color:var(--d-text-faint);}

@media(max-width:680px){
  .lnav-links{display:none;}
  .ldoc{padding:38px 20px 24px;}
  .ldoc-head h1{font-size:32px;}
  .prose{font-size:15.5px;}
  .prose h2{font-size:21px;}
}

@media print{
  .lnav,.lfoot,.ldoc-tabs,.lnav-back{display:none;}
  body{background:#fff;}
  .ldoc{max-width:none;padding:0;}
  .prose a{color:inherit;text-decoration:none;}
  .prose h2{border-color:#ddd;}
}