/* Shared styling for the legal pages. Same token system as the landing page,
   trimmed to what a long document needs. */
:root{
  --paper:#F8F9F6; --surface:#FFFFFF;
  --ink:#101614; --ink-soft:#56635E; --line:#E0E4DD;
  --accent:#0E7C5A; --warn:#8A5A00; --warn-quiet:#F7EEDC;
}
@media (prefers-color-scheme:dark){
  :root{
    --paper:#0D1211; --surface:#141A18;
    --ink:#E8EDEA; --ink-soft:#93A09A; --line:#263029;
    --accent:#3DBB8E; --warn:#E0A64A; --warn-quiet:#2A2113;
  }
}
:root[data-theme="dark"]{
  --paper:#0D1211; --surface:#141A18;
  --ink:#E8EDEA; --ink-soft:#93A09A; --line:#263029;
  --accent:#3DBB8E; --warn:#E0A64A; --warn-quiet:#2A2113;
}
:root[data-theme="light"]{
  --paper:#F8F9F6; --surface:#FFFFFF;
  --ink:#101614; --ink-soft:#56635E; --line:#E0E4DD;
  --accent:#0E7C5A; --warn:#8A5A00; --warn-quiet:#F7EEDC;
}

*,*::before,*::after{box-sizing:border-box}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16.5px; line-height:1.65;
}
.doc{width:min(100% - 2.5rem, 760px); margin-inline:auto; padding:2.5rem 0 4rem}
.back{margin:0 0 2rem}
.back a{color:var(--ink-soft); text-decoration:none;
  font-family:ui-monospace,Menlo,Consolas,monospace; font-size:13px}
.back a:hover{color:var(--ink)}

h1{font-size:clamp(26px,4vw,34px); line-height:1.15; letter-spacing:-.02em; margin:0 0 .35rem}
h2{font-size:19px; letter-spacing:-.01em; margin:2.25rem 0 .6rem;
  padding-top:1.25rem; border-top:1px solid var(--line)}
p,li{max-width:70ch}
p{margin:0 0 .85rem}
ul{margin:0 0 .85rem; padding-left:1.15rem}
li{margin-bottom:.35rem}
a{color:var(--accent)}
code{font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.9em;
  background:var(--surface); border:1px solid var(--line); border-radius:5px; padding:.08em .35em}

.meta{color:var(--ink-soft); font-size:14px;
  font-family:ui-monospace,Menlo,Consolas,monospace; margin-bottom:1.5rem}

/* These documents are drafts. Say so loudly, at the top, every time. */
.draft{
  background:var(--warn-quiet); border:1px solid var(--line);
  border-left:3px solid var(--warn); border-radius:10px;
  padding:1rem 1.15rem; margin-bottom:2rem; font-size:15px; color:var(--ink);
}

/* Unfilled placeholders must be impossible to miss when proofreading. */
.todo{color:var(--warn); font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.92em}

table{border-collapse:collapse; width:100%; margin:0 0 1rem; font-size:15px; display:block; overflow-x:auto}
th,td{border:1px solid var(--line); padding:.5rem .65rem; text-align:left; vertical-align:top}
th{background:var(--surface); font-size:13px; text-transform:uppercase;
  letter-spacing:.06em; color:var(--ink-soft); font-weight:600}