/* Privacy + 404 page bodies, layered on landing.css so every page shares the
   design-loop v2 tokens, nav and footer. landing.css resets all margins, so
   spacing here is explicit. */

/* ---------- Legal / privacy page ---------- */
.legal{padding:48px 0 64px;}
.legal-narrow{max-width:760px;margin:0 auto;}
.legal h1{font-size:40px;margin-bottom:10px;}
.legal .updated{color:var(--text-muted);font-size:13px;margin-bottom:8px;}
.legal-intro{color:var(--text-muted);font-size:16px;margin-bottom:8px;}
.legal h2{font-size:20px;margin:36px 0 12px;padding-top:8px;}
.legal h3{font-size:16px;margin:20px 0 8px;}
.legal p{margin:0 0 14px;}
.legal p,.legal li{color:var(--text-muted);overflow-wrap:anywhere;}
.legal ul{padding-left:22px;margin:0 0 14px;}
.legal li{margin-bottom:8px;}
.legal strong{color:var(--text);font-weight:600;}
.legal a{color:var(--accent);text-decoration:underline;transition:color 150ms var(--ease);}
.legal a:hover{color:var(--accent-hover);}
.legal code{font-size:13px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;padding:0 4px;}
.callout{background:var(--accent-subtle);border:1px solid var(--accent);border-radius:6px;padding:16px 18px;margin:20px 0;color:var(--accent-hover);}
.note{background:var(--warning-subtle);border:1px solid var(--warning);border-radius:6px;padding:16px 18px;margin:24px 0;font-size:13px;color:var(--warning);}
.callout strong,.note strong{color:inherit;}
.table-wrap{overflow-x:auto;margin:8px 0 14px;}
.subprocessors{width:100%;border-collapse:collapse;font-size:13px;}
.subprocessors th,.subprocessors td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top;}
.subprocessors th{color:var(--text-muted);font-weight:500;}
.subprocessors td{color:var(--text-muted);}

/* ---------- 404 ---------- */
.error-wrap{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px;}
.error-wrap h1{margin-bottom:8px;}
.error-wrap h2{color:var(--text-muted);font-size:16px;font-weight:400;letter-spacing:normal;margin-bottom:24px;}

@media (max-width:960px){
  .legal h1{font-size:32px;}
}
@media (max-width:480px){
  .legal{padding:40px 0 48px;}
  .legal h1{font-size:28px;}
  .legal h2{font-size:18px;}
}