/* ==========================================================================
   legal.css - styles for the legal / privacy page
   Loaded by legal.html.
   See DESIGN.md for the type system, color tokens, and brand rules.
   ========================================================================== */

/* ===== TOKENS & BASE - variables, reset, body, container ===== */
  :root{--paper:#fff;--bg:#F6F5F1;--ink:#141a20;--navy:#13294a;--blue:#1f5fa8;--blue-l:#7fa8dd;--muted:#59626d;--muted-2:#6f7681;--line:#e5e2d9}
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:'Hanken Grotesk',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.7;-webkit-font-smoothing:antialiased;font-size:14.5px}
  .wrap{max-width:780px;margin:0 auto;padding:0 28px}

/* ===== HEADER - bar, wordmark, back link ===== */
  header{background:var(--navy);padding:16px 0}
  header .wrap{display:flex;justify-content:space-between;align-items:center;max-width:860px}
  .wm{color:#fff;font-weight:700;letter-spacing:.2em;font-size:15px;text-decoration:none}
  .wm span{display:block;font-size:8px;letter-spacing:.3em;color:var(--blue-l);font-weight:600}
  header a.back{color:#c9d6e8;font-size:13px;text-decoration:none}

/* ===== DOCUMENT HEAD - title, updated date, table of contents ===== */
  main{padding:52px 0 80px}
  h1{font-size:28px;color:var(--navy);letter-spacing:-.02em;margin-bottom:6px}
  .updated{color:var(--muted-2);font-size:13px;margin-bottom:8px}
  .toc{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px 20px;font-size:13.5px;margin:22px 0 34px}
  .toc a{color:var(--blue);text-decoration:none;margin-right:14px;white-space:nowrap}

/* ===== PROSE - headings, paragraphs, lists, callout ===== */
  h2{font-size:19px;color:var(--navy);margin:38px 0 10px;padding-top:16px;border-top:2px solid var(--line)}
  h3{font-size:15px;color:var(--navy);margin:18px 0 6px}
  p{margin-bottom:10px}
  ul{margin:0 0 12px 22px}
  li{margin-bottom:5px}
  a{color:var(--blue)}
  .box{background:var(--bg);border-left:4px solid var(--blue);padding:12px 18px;border-radius:0 8px 8px 0;margin:12px 0;font-size:13.5px}

/* ===== FOOTER - bar, layout, links ===== */
  footer{border-top:1px solid var(--line);padding:22px 0;font-size:12.5px;color:var(--muted-2)}
  footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;max-width:860px}
  footer a{color:var(--muted);text-decoration:none}