/* Legal pages: the landing page's tokens, in a plain reading layout. */
:root { --foam:#EAF2EF; --paper:#FFFFFF; --ink:#10303B; --muted:#4A6670; --tide:#18727A; --leader:#F3C33B; --line:rgba(16,48,59,.16);
  --font:"Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --foam:#0E2730; --paper:#15333D; --ink:#E6F0ED; --muted:#9DB8BE; --tide:#4FB3B5; --line:rgba(230,240,237,.18); color-scheme: dark; } }
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--foam); color: var(--ink); font-family: var(--font); font-size: 1.0625rem; line-height: 1.6; font-optical-sizing: auto; }
:focus-visible { outline: 3px solid var(--leader); outline-offset: 3px; border-radius: 4px; }
.wrap { width: min(760px, 100% - 2.5rem); margin-inline: auto; }
.top { display: flex; align-items: center; justify-content: space-between; padding-block: 1.25rem; }
.brand { display: inline-flex; align-items: center; gap: .55rem; text-decoration: none; color: inherit; font-weight: 700; font-size: 1.25rem; letter-spacing: -.01em; }
.brand svg { width: 30px; height: 30px; }
.top a.signin { color: var(--muted); font-weight: 600; text-decoration: none; }
main { background: var(--paper); border: 1px solid var(--line); border-radius: 28px; padding: clamp(1.5rem, 5vw, 3rem); margin-block: 1rem 2rem; }
h1 { font-size: clamp(2.2rem, 6vw, 3.4rem); line-height: 1; letter-spacing: -.03em; font-weight: 800; font-stretch: 80%; margin: 0 0 .5rem; }
h2 { font-size: 1.3rem; letter-spacing: -.01em; margin: 2rem 0 .4rem; }
.muted { color: var(--muted); }
a { color: var(--tide); }
li { margin-bottom: .35rem; }
footer { padding-block: .5rem 2.5rem; font-size: .9rem; color: var(--muted); display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
footer nav { display: flex; gap: 1.25rem; flex-wrap: wrap; }
footer a { color: inherit; }