/* Content styles for the legal pages (Terms, Privacy, Refunds). Nav and footer come from site.css. */
.legal{padding:150px 0 90px;color:rgba(255,255,255,.78);line-height:1.75;font-size:16px}
.legal .doc{max-width:760px;margin-inline:auto;padding-inline:24px}
.legal .tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);display:block;margin-bottom:14px}
.legal h1{font-family:var(--font-head);font-size:clamp(34px,6vw,52px);line-height:1.05;letter-spacing:-.03em;color:#fff;margin-bottom:10px}
.legal .updated{color:rgba(255,255,255,.4);font-size:14px;margin-bottom:36px}
.legal .summary{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--yellow);border-radius:4px;padding:18px 22px;margin-bottom:40px;color:rgba(255,255,255,.85)}
.legal h2{font-family:var(--font-head);font-size:21px;color:#fff;letter-spacing:-.01em;margin:40px 0 10px}
.legal h3{font-family:var(--font-head);font-size:16px;color:#fff;margin:22px 0 6px}
.legal p{margin-bottom:14px}
.legal ul,.legal ol{margin:0 0 16px 22px}
.legal ul{list-style:disc}
.legal li{margin-bottom:6px}
.legal a{color:var(--yellow);border-bottom:1px solid rgba(240,224,48,.35)}
.legal a:hover{border-bottom-color:var(--yellow)}
.legal table{width:100%;border-collapse:collapse;margin:14px 0 22px;font-size:14.5px}
.legal th,.legal td{border:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}
.legal th{background:var(--card);color:#fff;font-weight:600}
.legal b,.legal strong{color:#fff;font-weight:600}
@media(max-width:600px){.legal{padding:120px 0 60px}.legal th,.legal td{padding:8px}}