.site-main.legal-main {
    padding-top: 0;
}

.legal-doc {
    max-width: 720px;
    padding-top: clamp(56px, 8vw, 96px);
    padding-bottom: clamp(80px, 12vw, 128px);
}

.legal-doc-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-20);
    padding-bottom: clamp(32px, 5vw, 48px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: clamp(32px, 5vw, 48px);
}

.legal-doc-title {
    margin: 0;
    font-size: var(--font-size-32);
    font-weight: var(--font-weight-strong);
    letter-spacing: -0.04em;
    line-height: 1.1;
    color: #f7fbff;
}

.legal-doc-meta {
    flex-shrink: 0;
    color: rgba(245, 245, 245, 0.4);
    font-size: var(--font-size-12);
    font-weight: var(--font-weight-strong);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.legal-doc-body {
    display: grid;
    gap: 0;
}

.legal-section {
    display: grid;
    gap: var(--space-12);
    padding: clamp(24px, 3vw, 32px) 0;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    scroll-margin-top: 80px;
}

.legal-section:first-child {
    padding-top: 0;
    border-top: 0;
}

.legal-section h2 {
    margin: 0;
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-strong);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(245, 245, 245, 0.5);
}

.legal-section p {
    margin: 0;
    color: rgba(245, 245, 245, 0.82);
    font-size: var(--font-size-16);
    line-height: 1.75;
}

.legal-section ul {
    margin: 0;
    padding-left: 1.25em;
    list-style: disc outside;
    color: rgba(245, 245, 245, 0.82);
    font-family: var(--font-family);
    font-size: var(--font-size-16);
    line-height: 1.75;
}

.legal-section li {
    padding-left: var(--space-8);
}

.legal-section li + li {
    margin-top: var(--space-8);
}

.legal-section li::marker {
    color: rgba(245, 245, 245, 0.55);
}

.legal-section a {
    color: #88d0fb;
}

.legal-section a:hover,
.legal-section a:focus-visible {
    color: #f7fbff;
}

@media (max-width: 640px) {
    .legal-doc-header {
        flex-direction: column;
        gap: var(--space-12);
    }
}