/* ============================================================
   Legal pages (terms.html, privacy.html) — 2026-07-24
   Long-form reading on the same dark system as the landing:
   narrow measure, generous line height, quiet headings.
   ============================================================ */

.legal{padding:64px 0 88px}
.legal-in{max-width:760px}

.legal h1{
  font-family:var(--font-disp);font-weight:700;
  font-size:clamp(32px,4.5vw,44px);letter-spacing:-.035em;line-height:1.05;
  margin:0 0 10px;
}
.legal-meta{font-size:13px;color:var(--dim);margin:0 0 30px}

.legal .lead{font-size:17px;line-height:1.7;color:#cfced6;margin:0 0 22px}

/* the one thing we want people to actually read */
.legal .callout{
  font-size:15px;line-height:1.65;color:#e8ffb4;
  background:linear-gradient(160deg,rgba(217,255,75,.08),var(--srf) 70%);
  border:1px solid rgba(217,255,75,.28);border-radius:14px;
  padding:18px 22px;margin:0 0 34px;
}
.legal .callout b{color:var(--accent)}

.legal h2{
  font-family:var(--font-disp);font-weight:700;
  font-size:20px;letter-spacing:-.02em;color:var(--tx);
  margin:38px 0 12px;padding-top:22px;border-top:1px solid var(--line);
}
.legal h3{
  font-family:'Inter',system-ui,sans-serif;font-weight:700;
  font-size:15px;color:var(--tx);margin:20px 0 6px;
}

.legal p{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 14px}
.legal p b,.legal li b{color:var(--tx)}
.legal a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(217,255,75,.35)}
.legal a:hover{border-bottom-color:var(--accent)}

.legal ul{margin:0 0 16px;padding-left:0;list-style:none}
.legal li{
  position:relative;font-size:15px;line-height:1.75;color:var(--muted);
  padding:5px 0 5px 20px;
}
.legal li:before{
  content:'';position:absolute;left:2px;top:14px;
  width:5px;height:5px;border-radius:50%;background:rgba(217,255,75,.55);
}

/* sub-processor table */
.legal-table{width:100%;border-collapse:collapse;margin:6px 0 18px;font-size:14px}
.legal-table th{
  text-align:left;font-size:11px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:var(--dim);
  padding:0 14px 10px 0;border-bottom:1px solid var(--line);
}
.legal-table td{
  padding:12px 14px 12px 0;border-bottom:1px solid var(--line);
  color:var(--muted);vertical-align:top;line-height:1.55;
}
.legal-table td:first-child{color:var(--tx);font-weight:600;white-space:nowrap}

footer .foot-links{display:flex;gap:20px;align-items:center}
footer .foot-links a{color:var(--dim);text-decoration:none}
footer .foot-links a:hover{color:var(--muted)}

@media(max-width:700px){
  .legal{padding:44px 0 64px}
  .legal-table{font-size:13px}
  .legal-table td:first-child{white-space:normal}
}