:root { color-scheme: light; --ink: #1c1915; --green: #0d6248; --paper: #fffaf1; --line: #d9d8cf; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: #f4efe5; font: 17px/1.6 Arial, sans-serif; }
.legal-page { width: min(920px, calc(100% - 32px)); margin: 32px auto; padding: clamp(24px, 5vw, 64px); background: var(--paper); border: 1px solid var(--line); border-radius: 28px; }
.legal-page h1, .legal-page h2 { line-height: 1.15; }
.legal-page h1 { margin-top: 0; font-family: Georgia, serif; font-size: clamp(36px, 7vw, 64px); }
.legal-page h2 { margin-top: 2em; color: var(--green); }
.legal-page a { color: var(--green); }
.legal-back { display: inline-block; margin-bottom: 24px; font-weight: 700; }
.legal-gate { padding: 18px; border: 1px solid #d2a837; border-radius: 16px; background: #fff3ce; }
.legal-gate[hidden] { display: none; }
.legal-meta { color: #655e55; }
.legal-requisites { display: grid; grid-template-columns: minmax(140px, 1fr) 2fr; gap: 8px 18px; }
.legal-requisites dt { font-weight: 700; }
.legal-requisites dd { margin: 0; }
@media (max-width: 620px) { .legal-page { margin: 12px auto; width: calc(100% - 20px); border-radius: 20px; } .legal-requisites { grid-template-columns: 1fr; } }