/* ============================================================
   AIHG · legal pages (Privacy, Terms, Accessibility)
   ------------------------------------------------------------
   Two things live here:
   1. The footer's secondary legal row (Privacy · Terms ·
      Accessibility) — used on the homepage AND on these pages, kept
      visually subordinate to the primary footer nav above it.
   2. The prose layout for the legal pages' own <main> content,
      styled off the same tokens/type scale as the rest of the site
      (v13/chrome.css + v13/type-brand.css) so these read as part of
      AIHG, not a generic legal template.
   ============================================================ */

/* ---------- footer: secondary legal row ---------- */
.footer__legal-row{width:100%;margin-top:18px;padding-top:18px;border-top:1px solid var(--line-ink)}
.footer__legal-nav{display:flex;flex-wrap:wrap;gap:8px 20px}
html[data-version] .footer .footer__legal-nav a{font-family:var(--mono);font-weight:500;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--muted-on-paper);opacity:1;transition:color .15s}
.footer__legal-nav a:hover{opacity:1;color:var(--ink)}
@media(hover:none){
  .footer__legal-nav a{position:relative}
  .footer__legal-nav a::after{content:"";position:absolute;inset:-12px -8px}
}
@media(max-width:640px){
  .footer__legal-row{flex-direction:column;align-items:flex-start;gap:12px;margin-top:14px;padding-top:14px}
}

/* ---------- legal page content ---------- */
/* flex:1 on the body's flex column (see v13/chrome.css) — expands to fill
   any leftover height so the footer below it lands at the viewport's
   bottom edge on a short page, and simply scrolls past on a long one. */
.legal-main{flex:1 0 auto;padding:clamp(120px,17vh,190px) clamp(20px,4vw,56px) clamp(90px,11vh,130px)}
.legal-main__inner{max-width:760px;margin:0 auto}
.legal-main__inner h1{font-family:var(--display);font-weight:700;letter-spacing:-.02em;line-height:1.05;font-size:clamp(32px,5vw,52px);margin:14px 0 10px}
.legal-main__meta{font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;color:var(--muted-on-paper);margin-bottom:clamp(44px,6.5vh,68px)}
.legal-body h2{font-family:var(--display);font-weight:700;letter-spacing:-.015em;line-height:1.15;font-size:clamp(20px,2.2vw,26px);color:var(--ink);margin:2.4em 0 .6em;scroll-margin-top:96px}
.legal-body h2:first-child{margin-top:0}

/* ---------- table of contents (Privacy Policy only) ----------
   Understated by design: same muted/mono treatment as the rest of the
   legal chrome (footer links, meta line), sized down from body copy so
   it reads as a wayfinding aid, not a second heading. */
.legal-toc{margin:1.6em 0 2.6em;padding:20px 0;border-top:1px solid var(--line-ink);border-bottom:1px solid var(--line-ink)}
.legal-toc__label{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-on-paper);margin:0 0 .9em}
.legal-toc ol{list-style:none;margin:0;padding:0;columns:2;column-gap:32px}
.legal-toc li{break-inside:avoid;margin:0 0 .55em}
.legal-body .legal-toc a{font-size:14.5px;color:var(--muted-on-paper);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}
.legal-body .legal-toc a:hover{color:var(--ink);border-bottom-color:var(--line-ink)}
@media(max-width:640px){
  .legal-toc ol{columns:1}
}
.legal-body p{color:var(--muted-on-paper);font-size:16px;line-height:1.7;max-width:66ch}
.legal-body p+p{margin-top:1em}
.legal-body ul{color:var(--muted-on-paper);font-size:16px;line-height:1.7;max-width:66ch;padding-left:1.25em;margin:.9em 0}
.legal-body li+li{margin-top:.5em}
.legal-body a{color:var(--brass-text);text-decoration:underline;text-underline-offset:3px}
.legal-body a:hover{color:var(--ink)}
.legal-body strong{color:var(--ink)}
.legal-body .legal-flag{display:inline-block;margin-top:.5em;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--steel)}
@media(max-width:640px){
  .legal-main{padding-top:clamp(100px,15vh,150px)}
}

.analytics-choice{font:inherit;padding:12px 18px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer}.analytics-choice:focus-visible{outline:2px solid currentColor;outline-offset:4px}.analytics-choice:disabled{cursor:default;opacity:.65}