:root {
  color-scheme: light;
  --ink: #0a1f19;
  --soft: #52615c;
  --line: #dbe5df;
  --brand: #0b7a4b;
  --paper: #fbfcfa;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: 16px/1.65 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: var(--brand); text-underline-offset: 3px; }
.legal-nav, .legal-main, .legal-footer { width: min(760px, calc(100% - 40px)); margin-inline: auto; }
.legal-nav { display: flex; justify-content: space-between; align-items: center; padding: 24px 0; border-bottom: 1px solid var(--line); }
.legal-brand { color: var(--ink); font-weight: 760; text-decoration: none; letter-spacing: -.02em; }
.legal-main { padding: 64px 0 72px; }
.legal-main h1 { max-width: 13ch; margin: 0 0 12px; font-size: clamp(2.4rem, 7vw, 4.7rem); line-height: .98; letter-spacing: -.055em; }
.legal-main h2 { margin-top: 42px; font-size: 1.15rem; }
.legal-main p, .legal-main li { color: var(--soft); }
.legal-main .lede { font-size: 1.15rem; color: var(--ink); }
.legal-main .notice { padding: 18px 20px; border: 1px solid var(--line); border-left: 4px solid var(--brand); background: #fff; }
.legal-main code { padding: .1em .35em; border-radius: 4px; background: #edf4ef; }
.legal-footer { padding: 26px 0 48px; border-top: 1px solid var(--line); color: var(--soft); font-size: .85rem; }