:root {
    color-scheme: dark;
    --background: #2c2721;
    --surface: #342e27;
    --surface-deep: #211c17;
    --border: #665440;
    --gold: #e4c343;
    --text: #eee4d5;
    --muted: #b9ad9d;
    font-family: Arial, Helvetica, sans-serif;
    background: var(--background);
    color: var(--text);
    font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 320px; margin: 0; background: radial-gradient(circle at 50% -15%, #5b452d 0, var(--background) 36rem); }
a { color: var(--gold); text-underline-offset: 3px; }
a:focus-visible { outline: 2px solid #ffe075; outline-offset: 5px; }

.legal-header { width: min(100% - 40px, 960px); margin: 0 auto; padding: 28px 0 18px; }
.legal-brand { display: inline-flex; align-items: center; gap: 11px; color: var(--gold); font: 700 13px/1.25 Georgia, 'Times New Roman', serif; letter-spacing: .04em; text-decoration: none; }
.legal-brand__mark { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid currentColor; border-radius: 50%; font-size: 19px; }

.legal-document { width: min(100% - 40px, 960px); margin: 0 auto 32px; padding: clamp(26px, 5vw, 58px); border: 1px solid var(--border); border-radius: 24px; background: var(--surface); box-shadow: 0 18px 65px #0006; }
.legal-eyebrow { margin: 0 0 12px; color: var(--gold); font-size: 12px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.legal-document h1 { max-width: 780px; margin: 0; color: var(--gold); font: 700 clamp(30px, 5vw, 48px)/1.08 Georgia, 'Times New Roman', serif; }
.legal-subtitle { max-width: 760px; margin: 14px 0 0; color: var(--muted); font: 400 clamp(17px, 2.6vw, 22px)/1.45 Georgia, 'Times New Roman', serif; }
.legal-version { margin: 18px 0 0; color: var(--muted); font-size: 13px; }
.legal-document section, .legal-requisites { margin-top: 34px; }
.legal-document h2 { margin: 0 0 13px; color: #ead481; font: 700 21px/1.3 Georgia, 'Times New Roman', serif; }
.legal-document p, .legal-document li, .legal-requisites { font-size: 15px; line-height: 1.75; }
.legal-document p { margin: 11px 0 0; }
.legal-document ul, .legal-document ol { margin: 11px 0 0; padding-left: 24px; }
.legal-document li + li { margin-top: 5px; }
.legal-requisites { padding: 20px; border: 1px solid #544638; border-radius: 15px; background: var(--surface-deep); }
.legal-requisites p:first-child { margin-top: 0; }
.legal-links { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 38px; padding-top: 25px; border-top: 1px solid #514538; }
.legal-links a { font-size: 13px; }
.legal-footer { width: min(100% - 40px, 960px); margin: 0 auto; padding: 0 0 38px; color: var(--muted); text-align: center; font-size: 12px; line-height: 1.6; }

@media (max-width: 560px) {
    .legal-header, .legal-document, .legal-footer { width: min(100% - 24px, 960px); }
    .legal-header { padding-top: 18px; }
    .legal-document { padding: 24px 19px; border-radius: 18px; }
    .legal-document section, .legal-requisites { margin-top: 27px; }
    .legal-document h2 { font-size: 19px; }
    .legal-document p, .legal-document li, .legal-requisites { font-size: 14px; line-height: 1.68; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
}