/* Reflex Blue — shared style for legal sub-pages */

:root {
  --paper: #EFEBE0;
  --ink: #14110D;
  --ink-2: #2A2520;
  --reflex: #16223D;
  --mute: #9C968A;
  --pad-x: clamp(20px, 5vw, 64px);
  --pad-y: clamp(40px, 8vh, 96px);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html, body {
  background: var(--paper); color: var(--ink);
  font-family: 'Inter Tight', system-ui, sans-serif;
  font-size: 16px; line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--reflex); text-decoration: underline; text-underline-offset: 3px; }
a:hover { color: var(--ink); }
.wrap { max-width: 760px; margin: 0 auto; padding: var(--pad-y) var(--pad-x); }
.topbar {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: 20px var(--pad-x); border-bottom: 1px solid var(--ink);
}
.topbar .brand {
  font-family: 'Fraunces', Georgia, serif; font-weight: 700; font-size: 13px;
  letter-spacing: 0.12em; text-transform: uppercase; text-decoration: none;
}
.topbar .mono {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--mute);
}
h1 {
  font-family: 'Fraunces', Georgia, serif; font-weight: 900;
  font-size: clamp(2rem, 5vw, 3.6rem); line-height: 1;
  letter-spacing: -0.02em; text-transform: uppercase; margin-bottom: 28px;
}
h2 {
  font-family: 'Fraunces', serif; font-weight: 700;
  font-size: clamp(1.25rem, 2vw, 1.6rem); margin-top: 40px;
  margin-bottom: 14px; letter-spacing: -0.01em;
}
h3 {
  font-family: 'Fraunces', serif; font-weight: 700;
  font-size: 1.05rem; margin-top: 26px; margin-bottom: 10px;
}
p, ul, ol { margin-bottom: 14px; }
ul, ol { padding-left: 22px; }
li { margin-bottom: 4px; }
.lede {
  font-family: 'Fraunces', serif; font-size: 1.15rem;
  line-height: 1.5; color: var(--ink-2); margin-bottom: 32px;
}
.mono {
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  letter-spacing: 0.18em; text-transform: uppercase; color: var(--mute);
}
.todo {
  background: rgba(184,92,60,0.12); border-left: 3px solid #B85C3C;
  padding: 10px 14px; font-size: 14px;
}
hr { border: 0; border-top: 1px solid var(--ink); margin: 40px 0; opacity: 0.4; }
footer {
  padding: 24px var(--pad-x); border-top: 1px solid var(--ink);
  display: flex; gap: 24px; flex-wrap: wrap;
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  letter-spacing: 0.18em; text-transform: uppercase;
}
footer a { color: var(--ink); text-decoration: none; border-bottom: 1px solid transparent; padding-bottom: 2px; }
footer a:hover { border-bottom-color: var(--reflex); }