:root {
    --paper: #f8f6f2;
    --text: #1d2b32;
    --muted: #58666f;
    --line: #d5d9dc;
    --accent: #0f6c78;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: "Manrope", sans-serif;
    background: radial-gradient(circle at top right, #e9f3f4, var(--paper) 58%);
    color: var(--text);
    line-height: 1.6;
}

.legal-page {
    max-width: 860px;
    margin: 0 auto;
    padding: 40px 20px 72px;
}

.legal-back {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--accent);
    text-decoration: none;
    font-weight: 700;
}

h1 {
    margin: 0;
    font-size: clamp(2rem, 4.5vw, 2.8rem);
}

.legal-meta {
    margin: 8px 0 24px;
    color: var(--muted);
}

h2 {
    margin-top: 30px;
    margin-bottom: 8px;
    padding-top: 16px;
    border-top: 1px solid var(--line);
    font-size: 1.2rem;
}

ul {
    margin: 8px 0 14px;
    padding-left: 22px;
}

@media (max-width: 640px) {
    .legal-page {
        padding-top: 24px;
    }
}