/* The Crusade: legal pages (privacy, terms). Uses tokens.css variables. */
.legal{max-width:760px;margin:0 auto;font-family:var(--font-ui);line-height:1.65}
.legal h1{font-family:var(--font-display);font-weight:600;letter-spacing:.05em}
.legal h2,.legal h3{font-family:var(--font-ui);font-weight:600;letter-spacing:normal;text-transform:none;color:var(--color-text-primary)}
.legal h2{font-size:22px;margin:36px 0 10px}
.legal h3{font-size:17px;margin:24px 0 8px}
.legal ul{padding-left:22px}.legal li{margin:6px 0}
.legal a{overflow-wrap:anywhere}
.legal .tscroll{overflow-x:auto}
.legal table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
.legal th,.legal td{border:1px solid var(--color-hairline);padding:8px 10px;text-align:left;vertical-align:top}
.legal th{background:var(--color-surface-2);color:var(--color-text-primary);font-weight:600}
@media(max-width:480px){
 .legal thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .legal table,.legal tbody,.legal tr,.legal td{display:block;width:100%}
 .legal tr{border:1px solid var(--color-hairline);border-radius:10px;background:var(--color-surface-1);padding:8px 12px;margin-bottom:10px}
 .legal td{border:0;padding:4px 0}
 .legal td::before{content:attr(data-label);display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}
}