body.content-page {
    padding: 0;
    background: var(--paper);
    color: var(--ink);
}

.content-page .content-app {
    width: min(calc(100% - 48px), var(--shell));
    max-width: none;
    margin: 0 auto;
    padding: 22px 0 0;
}

.content-page .legal-content {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 48px 52px 56px;
    border: 1px solid var(--line);
    border-radius: 0;
    color: var(--ink-soft);
    background: #fff;
    box-shadow: none;
    line-height: 1.7;
}

.content-page .legal-content h1 {
    margin: 4px 0 14px;
    color: var(--ink);
    font-size: clamp(2.4rem, 4vw, 4rem);
    font-weight: 600;
    letter-spacing: -.04em;
    line-height: 1.05;
}

.content-page .legal-content h2 {
    margin: 38px 0 13px;
    padding-top: 24px;
    border-top: 1px solid #edf1f6;
    color: var(--ink);
    font-size: 1.45rem;
    font-weight: 600;
    letter-spacing: -.015em;
}

.content-page .legal-content p,
.content-page .legal-content ul {
    max-width: 980px;
    color: var(--muted);
}

.content-page .legal-content a {
    color: var(--blue-dark);
}

.content-page .back-home {
    margin-bottom: 16px;
    color: var(--blue-dark);
}

.contact-page .legal-content {
    text-align: left;
}

.contact-page .legal-content > p {
    max-width: 700px;
    font-size: 1.08rem;
}

.contact-page .contact-form {
    max-width: 760px;
    margin: 34px 0 0;
}

.contact-page .form-group input,
.contact-page .form-group textarea,
.contact-page .submit-btn,
.contact-page .form-message {
    border-radius: 4px;
}

.content-page .main-footer {
    margin-top: 40px;
    padding: 28px 0 38px;
    border-top: 1px solid var(--line);
    color: var(--muted);
}

@media (max-width: 680px) {
    .content-page .content-app {
        width: min(calc(100% - 28px), var(--shell));
        padding-top: 14px;
    }

    .content-page .legal-content {
        padding: 32px 22px 38px;
    }

    .content-page .legal-content h1 {
        font-size: 2.45rem;
    }
}