:root { --legal-dark:#242424; --legal-soft:#f5f1eb; --legal-accent:#d89f43; --legal-line:rgba(0,0,0,.1); }

body {
    min-width:320px;
    margin:0;
    font-family:"Manrope",Arial,Helvetica,sans-serif;
    line-height:1.7;
    color:var(--legal-dark);
    background:var(--legal-soft);
}

.legal-page { padding-block:clamp(24px,6vw,72px); }
.legal-page .container {
    padding:clamp(28px,5vw,64px);
    border:1px solid var(--legal-line);
    background:#fff;
    box-shadow:0 16px 48px rgba(0,0,0,.06);
}

.legal-back {
    display:inline-flex;
    margin-bottom:clamp(28px,5vw,48px);
    color:var(--legal-dark);
    font-size:14px;
    font-weight:800;
    text-decoration:none;
}
.legal-back:hover { text-decoration:underline; text-underline-offset:.18em; }

.legal-page h1 {
    margin:0 0 22px;
    font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
    font-size:clamp(44px,8vw,78px);
    line-height:.95;
}
.legal-page h2 {
    margin:34px 0 10px;
    padding-top:24px;
    border-top:1px solid var(--legal-line);
    font-size:clamp(19px,2.4vw,24px);
    line-height:1.2;
}
.legal-page p { margin:0; }
.legal-page p + p { margin-top:14px; }
.legal-page strong { font-weight:800; }
.legal-page .legal-copyright {
    margin-top:40px;
    padding-top:20px;
    border-top:1px solid var(--legal-line);
    font-size:13px;
}

.legal-note {
    margin:0 0 8px;
    padding:16px 18px;
    border-left:4px solid var(--legal-accent);
    background:var(--legal-soft);
    font-size:14px;
}

@media (max-width:700px) {
    .legal-page { padding-block:0; }
    .legal-page .container {
        width:100%;
        min-height:100svh;
        border:0;
        box-shadow:none;
    }
}