/* The legal pages: the site's palette and type, set for reading. */
:root {
  color-scheme: dark;
  --bg: #0d0e10; --panel: #15171a; --line: #2a2e33;
  --text: #d4d7db; --text-strong: #f2f3f4; --dim: #a0a6ad; --blue: #70abf7;
  --display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --body: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--bg); color: var(--text); font: 17px/1.65 var(--body); }
a { color: var(--blue); }
:focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; border-radius: 4px; }
.wrap { max-width: 760px; margin: 0 auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
header { border-bottom: 1px solid var(--line); }
header .wrap { display: flex; align-items: center; gap: 10px; padding-block: 14px; }
header a { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--text-strong); font: 800 1.2rem var(--display); }
main { padding-block: 48px 64px; }
h1 { font: 900 clamp(2rem, 5vw, 2.75rem)/1.1 var(--display); font-stretch: 88%; color: var(--text-strong); margin: 0 0 8px; text-wrap: balance; }
h2 { font: 700 1.2rem/1.3 var(--display); color: var(--text-strong); margin: 36px 0 8px; }
.meta { font: 0.875rem var(--mono); color: var(--dim); letter-spacing: 0.02em; margin: 0 0 28px; }
p, li { max-width: 68ch; }
p { margin: 0 0 14px; }
ul { margin: 0 0 14px; padding-left: 1.2em; }
li { margin-bottom: 6px; }
.short { background: var(--panel); border: 1px solid var(--line); border-radius: 10px; padding: 18px 22px; margin-bottom: 8px; }
.short ul { margin: 0; }
footer { border-top: 1px solid var(--line); padding-block: 28px 40px; color: var(--dim); font-size: 0.875rem; }
footer nav { display: flex; flex-wrap: wrap; gap: 18px; margin-bottom: 10px; }
footer nav a { color: var(--dim); text-decoration: none; }
footer nav a:hover, footer nav a[aria-current] { color: var(--text-strong); }