/* ============================================================================
   Shared styling for the legal pages. Same system as the landing: Recia for
   display, Switzer for reading, Tabular for labels, cream ground, one line
   weight. Long-form reading, so the measure is capped and the leading is open.
   ============================================================================ */
@font-face{font-family:Recia;src:url('/type/fonts/recia-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Recia;src:url('/type/fonts/recia-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Switzer;src:url('/type/fonts/switzer-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Switzer;src:url('/type/fonts/switzer-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Switzer;src:url('/type/fonts/switzer-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Tabular;src:url('/type/fonts/tabular-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Tabular;src:url('/type/fonts/tabular-600.woff2') format('woff2');font-weight:600;font-display:swap}

:root{
  --cream:#FBF6EC; --paper:#FFFDF6; --ink:#14120E; --dim:#3F3B34; --faint:#6E695F;
  --rule:#DED7C6; --emerald:#00875A; --red:#E5323B; --cobalt:#1B49E4;
  --hair:1.5px; --ease:cubic-bezier(.16,.84,.44,1); --pad:clamp(20px,4vw,56px);
}
*{margin:0;padding:0;box-sizing:border-box}
html{background:var(--cream);scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font-family:Switzer,system-ui,sans-serif;
  font-size:17px;line-height:1.68;-webkit-font-smoothing:antialiased}
a{color:inherit}
.mono{font-family:Tabular,ui-monospace,monospace;font-size:12px;letter-spacing:.13em;
  text-transform:uppercase;line-height:1.4}

.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px var(--pad);border-bottom:2px solid var(--ink)}
.bar svg{height:21px;width:auto;display:block;overflow:visible}
.back{display:inline-flex;align-items:center;gap:9px;padding:10px 16px;font-size:15px;
  font-weight:500;text-decoration:none;background:var(--paper);color:var(--ink);
  border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);
  transition:transform .14s var(--ease),box-shadow .14s var(--ease)}
.back:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}

.wrap{max-width:76ch;margin:0 auto;padding:clamp(44px,7svh,84px) var(--pad) 0}
.kicker{color:var(--faint);margin-bottom:18px}
h1{font-family:Recia,Georgia,serif;font-weight:700;font-size:clamp(36px,5.6vw,72px);
  line-height:.98;letter-spacing:-.032em;margin-bottom:20px}
.stand{font-size:19px;line-height:1.6;color:var(--dim);margin-bottom:14px}
.dates{font-family:Tabular,ui-monospace,monospace;font-size:12px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--faint);padding:16px 0 0;border-top:var(--hair) solid var(--rule);
  margin-top:26px}

.toc{margin:38px 0 0;padding:22px 24px;background:var(--paper);
  border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
.toc p{font-family:Tabular,monospace;font-size:12px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--faint);margin-bottom:14px}
.toc ol{list-style:none;counter-reset:t;display:grid;gap:9px}
.toc li{counter-increment:t;font-size:16px}
.toc li::before{content:counter(t,decimal-leading-zero);font-family:Tabular,monospace;
  font-size:12px;letter-spacing:.1em;color:var(--faint);margin-right:12px}

section{margin-top:clamp(40px,6svh,68px)}
h2{font-family:Recia,Georgia,serif;font-weight:700;font-size:clamp(24px,3.1vw,36px);
  line-height:1.06;letter-spacing:-.028em;margin-bottom:16px;
  padding-top:20px;border-top:2px solid var(--ink)}
h3{font-size:18px;font-weight:600;margin:26px 0 10px}
p{margin-bottom:15px;color:var(--dim);max-width:68ch}
p b,li b{color:var(--ink);font-weight:600}
ul{margin:0 0 16px 0;padding-left:0;list-style:none}
ul li{position:relative;padding-left:22px;margin-bottom:10px;color:var(--dim);max-width:66ch}
ul li::before{content:'';position:absolute;left:2px;top:.62em;width:7px;height:7px;
  border-radius:50%;background:var(--emerald)}
.note{background:var(--paper);border-left:4px solid var(--red);
  padding:18px 22px;margin:22px 0;font-size:16px}
.note b{color:var(--ink)}
table{width:100%;border-collapse:collapse;margin:18px 0 22px;font-size:15.5px}
th,td{text-align:left;padding:12px 14px 12px 0;border-bottom:var(--hair) solid var(--rule);
  vertical-align:top;color:var(--dim)}
th{font-family:Tabular,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink);border-bottom:2px solid var(--ink)}
a.in{color:var(--ink);border-bottom:1.5px solid var(--rule);text-decoration:none}
a.in:hover{border-color:var(--ink)}

.foot{margin-top:clamp(56px,9svh,100px);background:var(--ink);color:rgba(251,246,236,.66);
  padding:34px var(--pad)}
.foot-in{max-width:1180px;margin:0 auto;display:flex;flex-wrap:wrap;gap:18px;
  align-items:center;justify-content:space-between;font-size:15px}
.foot-in a{color:rgba(251,246,236,.66);text-decoration:none}
.foot-in a:hover{color:var(--cream)}
.foot-nav{display:flex;gap:22px;flex-wrap:wrap}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.back{transition:none}}
@media(max-width:640px){
  body{font-size:16.5px}
  .foot-in{flex-direction:column;align-items:flex-start}
}