/* ═══ legal documents — TBC/OS terminal dressing ═══════════ */

:root{
  --acid:#c8ff2d;
  --bg:#0a0a0a;
  --panel:#0f0f0f;
  --ink:#d8d8d2;
  --ink-bright:#f2f2ee;
  --mute:#7a7a72;
  --line:#242424;
  --flag:#ffb63d;
  --mono:'Space Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --display:'Archivo Black',system-ui,sans-serif;
}

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--mono);
  font-size:14px;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}

a{color:var(--acid);text-decoration:none;border-bottom:1px solid rgba(200,255,45,0.3)}
a:hover{color:#fff;border-bottom-color:#fff}

/* ── chrome ───────────────────────────────────────────────── */

.bar{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:12px 20px;
  border-bottom:1px solid var(--line);
  background:rgba(10,10,10,0.9);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  font-size:11px;letter-spacing:0.12em;
  position:sticky;top:0;z-index:10;
}
.bar a{border-bottom:none;color:var(--mute)}
.bar a:hover{color:var(--acid)}
.bar__brand{color:var(--acid);font-weight:700;border-bottom:none}

/* ── document ─────────────────────────────────────────────── */

.doc{max-width:760px;margin:0 auto;padding:64px 24px 96px}

.doc__kicker{font-size:11px;letter-spacing:0.18em;color:var(--mute)}

h1{
  font-family:var(--display);font-weight:400;
  font-size:clamp(30px,6vw,46px);line-height:1.05;letter-spacing:-0.01em;
  color:var(--ink-bright);
  margin:10px 0 6px;
}
h1 .dot{color:var(--acid)}

.doc__meta{font-size:11px;letter-spacing:0.1em;color:var(--mute);margin-bottom:40px}

h2{
  font-size:13px;letter-spacing:0.16em;color:var(--acid);
  font-weight:700;margin:46px 0 10px;
  padding-top:18px;border-top:1px solid var(--line);
}

p{margin:0 0 16px}
ul{margin:0 0 16px;padding-left:20px}
li{margin-bottom:8px}

strong{color:var(--ink-bright)}

.lede{font-size:15px;color:var(--ink-bright)}

/* Claims that need confirming before this is relied on. Delete the
   <span class="flag"> wrapper once each line is verified. */
.flag{
  display:block;
  border-left:2px solid var(--flag);
  background:rgba(255,182,61,0.05);
  padding:10px 14px;margin:0 0 16px;
  color:#e4d3b0;font-size:13px;
}
.flag em{color:#f0e2c4;font-style:italic}
.flag::before{
  content:'REVIEW — ';
  color:var(--flag);font-weight:700;letter-spacing:0.12em;font-size:11px;
}

/* ── footer ───────────────────────────────────────────────── */

.doc__foot{
  margin-top:56px;padding-top:20px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
  font-size:11px;letter-spacing:0.1em;color:var(--mute);
}
.doc__foot a{border-bottom:none;color:var(--mute)}
.doc__foot a:hover{color:var(--acid)}

@media (max-width:600px){
  .doc{padding:40px 20px 64px}
  .bar{padding:12px 16px}
}