.legal-page {
    --page-background: #f4f6fa;
    background: var(--page-background);
}

.legal-main {
    max-width: 920px;
    padding-block: clamp(20px, 4vw, 42px) clamp(32px, 5vw, 64px);
}

.legal-back {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--accent-deep);
    font-weight: 650;
}

.legal-document {
    padding: clamp(16px, 4vw, 48px);
    border: 1px solid var(--line);
    border-radius: 20px;
    background: white;
    box-shadow: var(--shadow);
}

.legal-document h1 {
    margin: 0 0 24px;
    color: var(--heading-ink);
    font-size: clamp(24px, 4.5vw, 40px);
    line-height: 1.12;
    overflow-wrap: anywhere;
}

.legal-contents {
    margin-bottom: 26px;
    padding: 14px 18px;
    border-radius: 12px;
    background: #edf3fc;
}

.legal-contents p { margin: 0 0 6px; font-weight: 750; color: var(--heading-ink); }
.legal-contents ul { margin: 0; padding: 0; list-style: none; }
.legal-contents a { display: block; padding: 3px 0; }
.legal-text { line-height: 1.65; overflow-wrap: anywhere; }
.legal-text h2 { margin: 24px 0 8px; color: var(--heading-ink); font-size: clamp(18px, 3vw, 23px); }
.legal-text p { margin: 0 0 12px; }
.legal-text a, .legal-contents a { color: var(--accent-deep); text-decoration: underline; text-underline-offset: 2px; }
.legal-text img { max-width: 100%; height: auto; }