/* Legal pages — long-form typography tuned for readability over the RAMIN palette */

.legal-page .lic-hero { padding-bottom: 0; }
.legal-page .lic-title { font-size: clamp(36px, 5vw, 56px); margin-bottom: 12px; }
.legal-meta { color: var(--mute, #8a8378); font-family: var(--mono, "JetBrains Mono", monospace); font-size: 13px; letter-spacing: 0.04em; text-transform: uppercase; }

.legal-doc { color: var(--ink, #0c0c14); line-height: 1.65; font-size: 16px; max-width: 720px; }
.legal-doc h2 { font-family: var(--sans, "Inter Tight", system-ui, sans-serif); font-weight: 700; font-size: clamp(22px, 2.4vw, 28px); letter-spacing: -0.02em; margin: 48px 0 16px; color: var(--ink, #0c0c14); }
.legal-doc h2:first-of-type { margin-top: 0; }
.legal-doc h3 { font-family: var(--sans, "Inter Tight", system-ui, sans-serif); font-weight: 600; font-size: 19px; margin: 32px 0 10px; color: var(--ink, #0c0c14); }
.legal-doc p { margin: 0 0 16px; }
.legal-doc ul, .legal-doc ol { margin: 0 0 16px; padding-left: 24px; }
.legal-doc li { margin-bottom: 8px; }
.legal-doc strong { font-weight: 600; color: var(--ink, #0c0c14); }
.legal-doc em { font-style: italic; }
.legal-doc a { color: var(--c-earned, #b5652e); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.legal-doc a:hover { text-decoration-thickness: 2px; }
.legal-doc hr { border: 0; border-top: 1px solid var(--line, rgba(12, 12, 20, 0.12)); margin: 40px 0 20px; }
.legal-doc code { font-family: var(--mono, "JetBrains Mono", monospace); font-size: 0.92em; background: var(--bone, #efeadc); padding: 1px 6px; border-radius: 3px; }
.legal-doc .legal-note { background: var(--bone, #efeadc); border-left: 3px solid var(--c-earned, #b5652e); padding: 14px 18px; font-size: 14px; color: var(--mute, #66615a); }
.legal-doc .legal-note strong { color: var(--ink, #0c0c14); }

.legal-table { width: 100%; border-collapse: collapse; margin: 0 0 16px; font-size: 14.5px; }
.legal-table th, .legal-table td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--line, rgba(12, 12, 20, 0.12)); vertical-align: top; }
.legal-table th { font-family: var(--mono, "JetBrains Mono", monospace); font-weight: 500; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--mute, #66615a); border-bottom: 1px solid var(--ink, #0c0c14); }
.legal-table tr:last-child td { border-bottom: 0; }