/* 6ARELYHUMAN — legal pages. Deliberately plain: these have to be READABLE and
   printable, not a vibe. Brand shows up in the wordmark + the accent rules only.
   Any unfilled [[PLACEHOLDER]] renders in screaming magenta so it cannot ship. */
:root {
  --bg: #08070c; --fg: #e7e5ea; --dim: #9a95a6; --line: #241f2d;
  --pink: #ff2ea0; --green: #05f300; --accent: var(--pink);
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--bg); color: var(--fg);
  font: 16px/1.65 "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  padding: 0 20px 96px;
}
.wrap { max-width: 760px; margin: 0 auto; }
header.masthead { padding: 44px 0 28px; border-bottom: 1px solid var(--line); margin-bottom: 34px; }
header.masthead a.home { display: inline-block; text-decoration: none; }
header.masthead img { height: 26px; width: auto; display: block; }
header.masthead .fallback {
  font: 700 20px/1 Impact, "Arial Black", sans-serif; letter-spacing: .04em;
  color: #fff; text-transform: lowercase;
}
h1 {
  font: 400 40px/1.1 Compacta, Impact, "Arial Black", sans-serif;
  letter-spacing: .01em; margin: 18px 0 8px; color: #fff;
}
h2 {
  font: 700 13px/1.4 "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: .18em; text-transform: uppercase; color: var(--accent);
  margin: 40px 0 12px; padding-top: 22px; border-top: 1px solid var(--line);
}
h3 { font-size: 15px; font-weight: 700; margin: 24px 0 6px; color: #fff; }
p, li { color: var(--fg); }
a { color: var(--accent); text-underline-offset: 2px; }
ul, ol { padding-left: 22px; }
li { margin: 7px 0; }
.eyebrow {
  font: 700 11px/1 "Space Mono", monospace; letter-spacing: .2em;
  text-transform: uppercase; color: var(--green); margin: 0;
}
.dates { color: var(--dim); font-size: 13px; margin: 0 0 8px; }
.lede { color: var(--dim); font-size: 17px; line-height: 1.6; }
.note {
  border-left: 3px solid var(--accent); background: rgba(255,46,160,.06);
  padding: 12px 16px; margin: 20px 0; font-size: 14.5px; color: var(--fg);
}
table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14.5px; }
th, td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-bottom: 1px solid var(--line); }
th { color: var(--dim); font: 700 11px/1.4 "Space Mono", monospace; letter-spacing: .14em; text-transform: uppercase; }
.tablewrap { overflow-x: auto; }
code { font-family: "Space Mono", ui-monospace, Menlo, monospace; font-size: .92em; color: var(--green); }
/* UNFILLED PLACEHOLDER — impossible to miss, on screen and in print. */
.ph {
  background: #ff00a0; color: #000; font-weight: 700; padding: 1px 6px;
  border-radius: 3px; font-family: "Space Mono", monospace; font-size: .88em;
  white-space: nowrap;
}
footer.legal-foot {
  margin-top: 56px; padding-top: 22px; border-top: 1px solid var(--line);
  color: var(--dim); font-size: 13px;
}
footer.legal-foot a { color: var(--dim); margin-right: 16px; }
footer.legal-foot a:hover { color: var(--accent); }
.toc { margin: 26px 0 8px; padding: 0; list-style: none; columns: 2; column-gap: 28px; }
.toc li { margin: 5px 0; break-inside: avoid; font-size: 14px; }
@media (max-width: 560px) { .toc { columns: 1; } h1 { font-size: 32px; } }
@media print {
  body { background: #fff; color: #000; padding: 0; }
  h1, h3 { color: #000; } h2 { color: #000; } a { color: #000; }
  .ph { background: #ff0; color: #000; }
}