/* Legal pages use the same content rhythm as the public marketplace shell. */
body.site-shell .legal-page {
    width: min(100%, 860px);
    margin-top: var(--space-4);
    margin-bottom: var(--space-8);
}

body.site-shell .legal-page__article {
    padding: clamp(20px, 3vw, 34px);
}

body.site-shell .legal-page__back {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    color: var(--primary);
    font-size: 14px;
    font-weight: 800;
    text-underline-offset: 3px;
}

body.site-shell .legal-page__article h1 {
    margin: 14px 0 8px;
    color: var(--text-main);
    font-size: clamp(27px, 4vw, 36px);
    line-height: 1.12;
    letter-spacing: -.03em;
}

body.site-shell .legal-page__article h2 {
    margin: 30px 0 9px;
    color: var(--text-main);
    font-size: clamp(20px, 2.6vw, 24px);
    line-height: 1.2;
    letter-spacing: -.02em;
}

body.site-shell .legal-page__article p {
    max-width: 760px;
    color: var(--text-muted);
    font-size: 15px;
    line-height: 1.65;
}

body.site-shell .legal-page__article .legal-page__meta {
    margin: 0 0 24px;
    color: var(--text-muted);
    font-size: 13px;
    line-height: 1.5;
}

body.site-shell .legal-page__article .notice {
    margin-top: 20px;
    padding: 13px 15px;
    border: 1px solid color-mix(in srgb, var(--primary) 20%, var(--border));
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--primary) 6%, var(--bg-input));
    color: var(--text-main);
}

@media (max-width: 720px) {
    body.site-shell .legal-page {
        margin-top: var(--space-3);
    }

    body.site-shell .legal-page__article {
        padding: 20px 18px;
    }

    body.site-shell .legal-page__article h2 {
        margin-top: 26px;
    }
}