/* ═══ ATLAS v7 — legal pages ═══ */
.legal7{max-width:720px;margin:0 auto;padding:clamp(48px,9vh,90px) clamp(20px,5vw,40px) 70px}
.legal7 h1{font-size:clamp(2rem,5vw,2.8rem);margin-bottom:8px}
.legal7 h2{font-size:1.15rem;margin:34px 0 10px;color:var(--ink)}
.legal7 p,.legal7 li{color:var(--ink-soft);font-size:15.5px;line-height:1.65}
.legal7 ul{padding-left:20px;margin:8px 0}
/* Body links inside legal/thanks/404 copy. Scoped so it cannot capture buttons:
   `.legal7 a` (0,1,1) outranks `.btn-solid` (0,1,0), which was painting the solid
   CTAs accent-on-accent — invisible text on the 404 CTA and the tip button. */
.legal7 a:not(.btn){color:var(--accent)}
.legal7 b{color:var(--ink)}
.legal7 code{font-family:var(--mono);font-size:.88em;color:var(--accent);
  background:color-mix(in srgb,var(--accent) 8%,transparent);padding:.1em .4em;border-radius:5px}
.legal7 .legalnote{font-size:.86em}

/* ── thanks-page tip module ── */
.tipcard{max-width:440px;margin:44px auto 0;background:var(--surface);border:1px solid var(--line);
  border-radius:16px;padding:24px 26px;text-align:center}
.tip-h{font-family:var(--disp);font-weight:700;font-size:17px;margin-bottom:8px}
.tip-p{font-size:13.5px;line-height:1.65;color:var(--ink-soft);margin-bottom:16px}

.subform{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:4px}
.subform input{font:inherit;font-size:14px;color:var(--ink);background:var(--bg);
  border:1px solid var(--line);border-radius:10px;padding:11px 14px;min-width:220px}
.subform input:focus{outline:none;border-color:var(--accent)}