:root{
  color-scheme:dark;
  --ink:#0b0f14;
  --paper:#f5f1ea;
  --muted:#b9b9b5;
  --accent:#f0aa78;
  --line:#34383f}
*{
  box-sizing:border-box}
html{
  scroll-behavior:smooth;
  scroll-padding-top:24px}
body{
  margin:0;
  background:var(--ink);
  color:var(--paper);
  font:17px/1.75 Arial,"Helvetica Neue",sans-serif}
a{
  color:var(--accent);
  text-underline-offset:4px}
a:hover{
  text-decoration-thickness:2px}
:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:5px}
.skip{
  position:absolute;
  top:-100px;
  left:20px;
  background:var(--paper);
  color:var(--ink);
  padding:12px}
.skip:focus{
  top:10px}
.legal-header{
  padding:24px clamp(20px,5vw,80px);
  border-bottom:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px}
.brand img{
  display:block;
  width:150px;
  height:50px;
  object-fit:contain}
.legal-header nav{
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
  font-size:14px}
.legal-header [aria-current]{
  color:var(--paper)}
main{
  max-width:1160px;
  margin:auto;
  padding:64px 24px 88px}
.eyebrow,.meta{
  font:12px/1.7 Consolas,monospace;
  letter-spacing:.07em;
  color:var(--muted)}
h1{
  max-width:850px;
  margin:12px 0 20px;
  font:clamp(38px,6vw,70px)/1.1 Georgia,serif;
  letter-spacing:-.025em}
.lead{
  max-width:720px;
  font-size:20px}
.draft{
  margin:32px 0;
  padding:20px 24px;
  border:1px solid #b89a5b;
  border-left:4px solid #b89a5b;
  background:#221e16}
.draft p{
  margin:6px 0}
.layout{
  display:grid;
  grid-template-columns:230px minmax(0,1fr);
  gap:56px;
  align-items:start}
.toc{
  position:sticky;
  top:24px;
  font-size:14px;
  border-top:1px solid var(--line);
  padding-top:20px}
.toc strong{
  display:block;
  margin-bottom:10px}
.toc ol{
  padding-left:20px}
.toc li{
  margin-bottom:9px}
.toc a{
  color:var(--muted)}
article{
  min-width:0}
section{
  padding:12px 0 24px;
  border-bottom:1px solid var(--line)}
h2{
  font:30px/1.3 Georgia,serif;
  margin:20px 0 16px}
p,ul,ol{
  margin:12px 0}
li{
  margin-bottom:8px}
.pending{
  padding:2px 5px;
  background:#302919;
  color:#f8d6a1;
  box-decoration-break:clone}
.table-wrap{
  overflow-x:auto}
table{
  border-collapse:collapse;
  width:100%;
  font-size:15px}
th,td{
  padding:14px;
  text-align:left;
  vertical-align:top;
  border:1px solid var(--line)}
th{
  color:var(--accent)}
footer{
  border-top:1px solid var(--line);
  padding:28px clamp(20px,5vw,80px);
  display:flex;
  flex-wrap:wrap;
  gap:14px 28px;
  justify-content:space-between;
  font-size:13px;
  color:var(--muted)}
@media(max-width:760px){
  .legal-header{
  align-items:flex-start;
  flex-direction:column}
.layout{
  grid-template-columns:1fr;
  gap:20px}
.toc{
  position:static}
.toc ol{
  columns:2;
  column-gap:24px}
.toc li{
  break-inside:avoid}
main{
  padding-top:40px}
.lead{
  font-size:18px}
}
@media(max-width:400px){
  .toc ol{
  columns:1}
}
@media(prefers-reduced-motion:reduce){
  html{
  scroll-behavior:auto}
}
@media print{
  body{
  background:white;
  color:black;
  font-size:11pt}
.legal-header,.toc,footer,.skip{
  display:none}
main{
  padding:0}
.layout{
  display:block}
.pending{
  background:none;
  color:black}
.draft{
  background:none}
a{
  color:inherit}
h1{
  font-size:30pt}
h2{
  break-after:avoid}
section{
  break-inside:auto}
}

code{
  overflow-wrap:anywhere}
article a,.pending{
  overflow-wrap:anywhere}