/* =============================================================================
   Legal pages (terms, etc.)
   ============================================================================= */
@import url('/public/css/landing.css');

.legal-shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    color: var(--text, #f5f5f7);
}

.legal-main {
    flex: 1;
    width: min(720px, 100%);
    margin: 0 auto;
    padding: 2rem 1.25rem 3rem;
}

.legal-article__eyebrow {
    margin: 0 0 0.35rem;
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--orange-light, #fdba74);
}

.legal-article__title {
    margin: 0 0 0.75rem;
    font-size: clamp(1.65rem, 4vw, 2rem);
    line-height: 1.15;
}

.legal-article__updated {
    margin: 0 0 1.75rem;
    font-size: 0.88rem;
}

.legal-prose {
    line-height: 1.65;
    font-size: 0.96rem;
    color: var(--text-muted, #a1a1aa);
}

.legal-prose h2 {
    margin: 1.75rem 0 0.65rem;
    font-size: 1.05rem;
    color: var(--text, #f5f5f7);
}

.legal-prose p,
.legal-prose ul {
    margin: 0 0 1rem;
}

.legal-prose ul {
    padding-left: 1.2rem;
}

.legal-prose li + li {
    margin-top: 0.35rem;
}

.legal-prose a {
    color: var(--orange-light, #fdba74);
    text-decoration: none;
}

.legal-prose a:hover {
    text-decoration: underline;
}

.legal-prose strong {
    color: var(--text, #f5f5f7);
    font-weight: 600;
}