/* Privacy Policy / Terms of Use — article-style layout, вынесено из inline
   <style> в отдельный файл: CSP style-src 'self' блокирует inline styles. */
.legal-page { min-height: 100vh; padding: 56px 24px 90px; }
.legal-header { display: flex; align-items: center; justify-content: space-between; max-width: 720px; margin: 0 auto 48px; }
.legal-header .brand-lg { display: flex; align-items: center; gap: 11px; font: 500 19px var(--font-sans); letter-spacing: -.03em; color: var(--white); text-decoration: none; }
.legal-header .back { font: 400 11px var(--font-mono); letter-spacing: .11em; text-transform: uppercase; color: #c993ff; text-decoration: none; }
.legal-header .back:hover { color: var(--violet); }
.legal-doc { max-width: 720px; margin: 0 auto; color: #b7b5bc; }
.legal-doc h1 { font-family: var(--font-display); font-style: italic; font-weight: 500; font-size: clamp(32px, 5vw, 48px); color: #ebc9ff; letter-spacing: -.03em; margin: 0 0 8px; }
.legal-doc .updated { font: 400 11px var(--font-mono); letter-spacing: .1em; text-transform: uppercase; color: #7c7a83; margin: 0 0 44px; }
.legal-doc h2 { color: var(--white); font: 500 18px var(--font-sans); letter-spacing: -.01em; margin: 40px 0 12px; }
.legal-doc p, .legal-doc li { font-size: 15px; line-height: 1.65; margin: 0 0 14px; }
.legal-doc ul { margin: 0 0 14px; padding-left: 22px; }
.legal-doc li { margin-bottom: 8px; }
.legal-doc a { color: #c993ff; text-decoration: none; }
.legal-doc a:hover { color: var(--violet); }
.legal-doc strong { color: var(--soft); font-weight: 500; }
.legal-doc .note { border-left: 2px solid rgba(175,80,255,.4); padding: 4px 0 4px 16px; margin: 20px 0; color: #9d9ba1; font-size: 14px; }

/* Добавлено для methodology.html — h3-подзаголовки и таблицы шкалы вердиктов.
   Аддитивно: terms.html/privacy.html эти классы не используют, их рендер не меняется. */
.legal-doc h3 { color: var(--soft); font: 500 15px var(--font-sans); letter-spacing: -.01em; margin: 24px 0 10px; }
.legal-doc table { width: 100%; border-collapse: collapse; margin: 0 0 20px; font-size: 14px; }
.legal-doc th, .legal-doc td { text-align: left; padding: 8px 12px 8px 0; border-bottom: 1px solid rgba(247,249,250,.1); vertical-align: top; }
.legal-doc th { color: var(--muted); font: 500 11px var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
/* Палитра вердикт-бейджей — один-в-один checkmodal.css (.cm-badge), см. checkmodal.js VERDICT_CLASS/COLOR.
   Отдельный класс (не .cm-badge), т.к. это статическая страница, а не JS-модалка. */
.legal-doc .verdict-badge { display: inline-block; padding: 3px 9px; border-radius: 999px; font: 500 11px var(--font-mono); letter-spacing: .04em; white-space: nowrap; }
.legal-doc .verdict-badge.v-good { background: rgba(64,200,120,.16); color: #6ee7a0; }
.legal-doc .verdict-badge.v-info { background: rgba(74,158,234,.16); color: #7cc0f5; }
.legal-doc .verdict-badge.v-warn { background: rgba(255,190,70,.16); color: #ffce6b; }
.legal-doc .verdict-badge.v-doubt { background: rgba(255,140,26,.16); color: #ffab5c; }
.legal-doc .verdict-badge.v-bad { background: rgba(255,90,90,.16); color: #ff8a8a; }
.legal-doc .verdict-badge.v-neutral { background: rgba(175,80,255,.16); color: #c993ff; }
.legal-doc .verdict-badge.v-muted { background: rgba(154,151,158,.16); color: #b7b4bb; }
.legal-doc .revision-history { list-style: none; margin: 0 0 14px; padding: 0; font-size: 13px; color: #9d9ba1; }
.legal-doc .revision-history li { display: flex; gap: 10px; margin-bottom: 6px; }
.legal-doc .revision-history time { flex: 0 0 auto; font-family: var(--font-mono); color: #7c7a83; }