/* Terms and Privacy: long reading on the site's night sky, kept to a comfortable line length. */
.legal{max-width:760px;margin:0 auto;padding:36px 20px 10px;background:var(--glass);border:1px solid var(--line);border-radius:22px;margin-top:28px;
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.legal h1{margin:6px 0 8px}
.legal h2{font-size:clamp(24px,3.6vw,30px);margin:34px 0 10px;scroll-margin-top:16px}
.legal p,.legal li{color:var(--cream-dim)}
.legal b{color:var(--cream)}
.legal ul{padding-left:1.2em}
.legal li{margin:6px 0}
.legal .meta{color:var(--muted);font-size:16px}
.legal .draft{border:1px dashed var(--gold);border-radius:12px;padding:10px 14px;color:var(--gold-hi);font-size:16px;margin:0 0 18px}
.legal table{width:100%;border-collapse:collapse;font-size:16px;margin:8px 0}
.legal th,.legal td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--line)}
.legal th{font-family:var(--f-caps);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:600}
.legal code{font-size:.9em}
@media (max-width:600px){.legal{border-radius:0;margin-top:0;border-left:0;border-right:0}.legal table,.legal tbody,.legal tr,.legal td{display:block}.legal thead{display:none}
  .legal td{border:0;padding:2px 0}.legal td:first-child{color:var(--cream);padding-top:12px}.legal tr{border-bottom:1px solid var(--line);padding-bottom:10px}}
.legal-foot span:last-child{display:flex;gap:18px;flex-wrap:wrap}
.legal .brand{display:block;height:28px;width:auto;margin:0 0 6px}