/* /en/privacy — текст за четене: тясна колона, ясни заглавия; таблицата на телефон става карти */

.legal { padding-top: calc(var(--nav-h) + 56px); }
.legal-wrap { max-width: 860px; }
.legal-head { display: grid; gap: 10px; padding-bottom: 28px; margin-bottom: 8px; box-shadow: inset 0 -1px 0 var(--edge); }
.legal-head h1 { margin: 0; font-size: clamp(2.1rem, 5vw, 3rem); letter-spacing: -.03em; line-height: 1.08; }
.legal-meta { margin: 0; color: var(--ink-3); font-size: 15px; }
.legal-note { margin: 6px 0 0; padding: 12px 14px; border-radius: 12px; background: rgba(var(--glow), .1); box-shadow: inset 0 0 0 1px rgba(var(--glow), .28); color: var(--ink-2); font-size: 15px; line-height: 1.5; }

.legal-text { color: var(--ink-2); font-size: 16.5px; line-height: 1.65; }
.legal-text h2 { margin: 40px 0 12px; color: var(--ink); font-size: 1.3rem; letter-spacing: -.01em; line-height: 1.3; }
.legal-text p { margin: 0 0 14px; }
.legal-text strong { color: var(--ink); font-weight: 650; }
.legal-text a, .legal-note a { color: var(--blue-hi); text-decoration: underline; text-decoration-color: rgba(156, 203, 242, .4); text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal-text a:hover, .legal-note a:hover { text-decoration-color: currentColor; }
.legal-text ul { display: grid; gap: 8px; margin: 0 0 14px; padding-left: 1.2em; }

.legal-table { margin: 6px 0 18px; overflow-x: auto; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--edge); }
.legal-table table { width: 100%; min-width: 900px; border-collapse: collapse; font-size: 14.5px; line-height: 1.5; }
.legal-table th, .legal-table td { padding: 12px 14px; text-align: left; vertical-align: top; box-shadow: inset 0 -1px 0 var(--edge); }
.legal-table thead th { color: var(--ink); font-weight: 650; background: rgba(255, 255, 255, .03); }
.legal-table tbody th { color: var(--ink); font-weight: 650; }

/* на телефон: всеки ред е карта, а заглавието на колоната стои над стойността */
@media (max-width: 760px) {
  .legal { padding-top: calc(var(--nav-h) + 32px); }
  .legal-table { overflow: visible; box-shadow: none; }
  .legal-table table { min-width: 0; }
  .legal-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .legal-table tr { display: grid; gap: 8px; margin-bottom: 12px; padding: 14px; border-radius: 14px; background: rgba(255, 255, 255, .025); box-shadow: inset 0 0 0 1px var(--edge); }
  .legal-table th, .legal-table td { display: grid; gap: 2px; padding: 0; box-shadow: none; }
  .legal-table tbody th { font-size: 16px; }
  .legal-table td::before { content: attr(data-label); color: var(--ink-3); font-size: 12.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
}