/* Документы (legal/) — поверх style.css лендинга. Текст документов можно выделять и копировать
   (на остальном сайте выделение выключено, см. body в style.css) */
.legal { min-height: calc(100svh - 160px); }
.legal, .legal * { -webkit-user-select: text; user-select: text; -webkit-touch-callout: default; }
.legal > * { max-width: 780px; }
.legal .kicker { font-size: 14px; }
.legal h1 { font-size: clamp(28px, 4vw, 42px); }
.doc-meta { margin: 12px 0 0; color: var(--muted); font: 500 13px var(--mono); }
.legal .card { margin-top: 24px; }
.doc h3 { margin-top: 28px; }
.doc h3:first-child { margin-top: 0; }
.doc p, .doc li, .doc td, .doc th { font-size: 15px; line-height: 1.65; color: var(--text-2); }
.doc ul { margin: 10px 0 0; padding-left: 20px; }
.doc li + li { margin-top: 8px; }
.doc b { color: var(--text); }
.doc code { font: 500 13px var(--mono); color: var(--ice); }
.doc-table { margin-top: 14px; overflow-x: auto; }
.doc-table table { width: 100%; min-width: 560px; border-collapse: collapse; }
.doc-table th { text-align: left; font: 600 13px var(--mono); color: var(--muted); padding: 0 12px 8px 0; border-bottom: 1px solid var(--deep); }
.doc-table td { vertical-align: top; padding: 10px 12px 10px 0; border-bottom: 1px solid rgba(66,103,122,.35); }
.doc-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 22px; color: var(--muted); font: 500 13px var(--mono); }
.doc-list { display: grid; gap: 16px; margin-top: 24px; }
.legal .doc-list .card { margin-top: 0; }
.doc-item { display: block; text-decoration: none; transition: border-color .2s ease; }
@media (hover: hover) and (pointer: fine) { .doc-item:hover { border-color: var(--accent-2); } }
.nav a[aria-current] { color: var(--text); }
@media (max-width: 640px) { .legal .card { padding: 18px; } }
/* таблица cookie на телефоне — строки карточками: «Название / Где / Зачем / Срок» подписями из data-l */
@media (max-width: 640px) {
  .doc-table table { min-width: 0; }
  .doc-table thead { display: none; }
  .doc-table tr, .doc-table td { display: block; }
  .doc-table tr { padding: 12px 0; border-bottom: 1px solid rgba(66,103,122,.35); }
  .doc-table td { padding: 2px 0; border: 0; }
  .doc-table td::before { content: attr(data-l) " — "; color: var(--muted); font: 500 13px var(--mono); }
}