/* Legal pages — readable long-form text on the dark theme. */

.gh-legal {
    max-width: 720px;
    margin: 0 auto;
    padding: 34px 20px 70px;
    font-size: 15px;
    line-height: 1.65;
}

.gh-legal h1 {
    font-family: var(--gh-font-display);
    font-size: clamp(24px, 5vw, 32px);
    font-weight: 700;
    margin: 0 0 6px;
}

.gh-legal__meta {
    color: var(--gh-text-muted);
    font-size: 13px;
    margin: 0 0 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--gh-border);
}

.gh-legal h2 {
    font-family: var(--gh-font-display);
    font-size: 18px;
    font-weight: 700;
    margin: 32px 0 10px;
}

.gh-legal p  { margin: 0 0 14px; color: #D4D4D4; }
.gh-legal ul { margin: 0 0 16px; padding-left: 22px; color: #D4D4D4; }
.gh-legal li { margin-bottom: 6px; }

.gh-legal strong { color: var(--gh-text); }
.gh-legal a      { color: var(--gh-accent); }

.gh-faq__q {
    font-weight: 700;
    color: var(--gh-text) !important;
    margin: 22px 0 6px !important;
}

.gh-legal__foot {
    margin-top: 40px;
    padding-top: 22px;
    border-top: 1px solid var(--gh-border);
    font-size: 14px;
}

@media (max-width: 600px) {
    .gh-legal { padding: 24px 16px 50px; font-size: 14.5px; }
}