/* The one legal page (root legal.php): a single reading card, button-only links. Global tokens only. */
.legal { max-width: 820px; }
.legal-card { max-width: none; margin: 0 0 24px; line-height: 1.6; }
.legal-h1 { margin: 0 0 4px; font-size: 1.6rem; }
.legal-card h2 { margin: 20px 0 6px; font-size: 1.15rem; }
.legal-card p { margin: 6px 0; }
.legal-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 4px; }
.legal-actions .btn { width: auto; }

@media (max-width: 720px) {
    .legal-card { padding: 16px; }
    .legal-h1 { font-size: 1.35rem; }
}