/* Юридические страницы (политика, соглашение) — токены ../styles.css; читаемая колонка */
.legal-body { background: var(--site-surface); }
.legal-top { border-bottom: 1px solid var(--site-table-border); }
.legal-top-row { display: flex; align-items: center; gap: 16px; height: 64px; }
.legal-top-row a { font-size: 14px; color: var(--site-text-2); }
.legal-top-row a:hover { color: var(--site-primary); }
.legal { max-width: 820px; margin: 0 auto; padding: 56px 24px 96px; font-size: 16px; line-height: 1.6; }
.legal h1 { font-size: clamp(28px, 3vw, 40px); font-weight: 500; line-height: 1.1; letter-spacing: 0; margin-bottom: 8px; }
.legal .legal-meta { font-size: 13px; color: var(--site-text-3); margin-bottom: 40px; }
.legal h2 { font-size: 22px; font-weight: 500; margin: 40px 0 12px; }
.legal h3 { font-size: 17px; font-weight: 500; margin: 24px 0 8px; }
.legal p { margin: 0 0 12px; }
.legal ul, .legal ol { margin: 0 0 12px 22px; padding: 0; list-style: disc; }
.legal ol { list-style: decimal; }
.legal li { margin: 4px 0; }
.legal table { width: 100%; border-collapse: collapse; margin: 12px 0 16px; font-size: 14px; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 8px 10px; border-bottom: 1px solid var(--site-table-border); }
.legal th { font-size: 11px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--site-text-3); }
.legal .note { padding: 14px 16px; border-radius: 12px; background: var(--site-quote-bg); border: 1px solid var(--site-table-border); font-size: 14px; color: var(--site-text-2); }
.legal a { text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--site-border); }
.legal a:hover { text-decoration-color: var(--site-accent); }
.legal .requisites { font-size: 14px; color: var(--site-text-2); }