/* Legal pages (Terms of Use, Privacy Policy) — readable long-form document layout. */
.legal-wrap{max-width:820px}
.legal-h1{font-size:32px;font-weight:800;margin:6px 0 4px;color:var(--ink)}
.legal-h1 span{font-size:20px;font-weight:700;color:var(--muted);margin-left:8px}
.legal-updated{font-size:13px;color:var(--muted);margin:0 0 22px}

.legal-callout{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--blue);
  border-radius:12px;padding:16px 18px;margin:0 0 30px;font-size:14.5px;line-height:1.7;color:var(--ink)}
.legal-callout strong{color:var(--ink)}
.legal-callout hr{border:0;border-top:1px solid var(--line);margin:12px 0}

.legal-body{margin:0 0 10px}
.legal-body h2{font-size:17px;font-weight:750;color:var(--ink);margin:26px 0 8px;
  padding-top:16px;border-top:1px solid var(--line)}
.legal-body h2:first-child{border-top:0;padding-top:0;margin-top:8px}
.legal-body p,.legal-body li{font-size:14.5px;line-height:1.75;color:var(--ink);margin:0 0 10px}
.legal-body ul{margin:0 0 12px;padding-left:20px}
.legal-body li{margin:0 0 6px}
.legal-body a{color:var(--blue);text-decoration:none}
.legal-body a:hover{text-decoration:underline}

.legal-foot-note{margin:26px 0 10px;padding:14px 16px;background:var(--card);border:1px solid var(--line);
  border-radius:10px;font-size:13.5px;color:var(--muted);line-height:1.7}
.legal-foot-note a{color:var(--blue);text-decoration:none}

@media(max-width:640px){
  .legal-h1{font-size:26px}
  .legal-h1 span{display:block;margin:4px 0 0}
}