/* Стили правовых страниц (privacy.html, consent.html). Без inline-стилей: строгая CSP. */
.legal-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(16px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) 16px max(24px,env(safe-area-inset-left));border-bottom:1px solid var(--line,#dce6f0);background:#fff}
.legal-top .brand img{display:block;width:200px;height:auto}
.legal-top nav{display:flex;flex-wrap:wrap;gap:8px 20px;font-weight:700}
.legal-top nav a{color:var(--blue,#0968f9);text-decoration:none}
.legal-top nav a:hover,.legal-top nav a:focus-visible{text-decoration:underline}

.legal-draft{margin:0;padding:14px max(24px,env(safe-area-inset-right)) 14px max(24px,env(safe-area-inset-left));background:#fff4d6;border-bottom:2px solid #e2b23c;color:#5a3d00;font-weight:800;text-align:center;line-height:1.45}

.legal-page{max-width:880px;margin:0 auto;padding:32px max(24px,env(safe-area-inset-right)) max(72px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
.legal-page h1{font-size:clamp(1.9rem,5vw,3rem);line-height:1.1;margin:0 0 12px;font-weight:800;color:var(--ink,#08152b)}
.legal-meta{margin:0 0 24px;color:var(--muted,#53647a);font-size:.95rem}
.legal-lead{font-size:1.08rem;color:var(--muted,#53647a)}
.legal-page h2{font-size:1.4rem;line-height:1.25;margin:40px 0 14px;font-weight:800;color:var(--ink,#08152b);scroll-margin-top:16px}
.legal-page h3{font-size:1.05rem;margin:24px 0 8px;font-weight:800}
.legal-page p,.legal-page li,.legal-page td,.legal-page th{line-height:1.7;color:#34445b}
.legal-page ul,.legal-page ol{padding-left:1.3em}
.legal-page li+li{margin-top:4px}
.legal-page a{color:var(--blue,#0968f9);overflow-wrap:anywhere}

.legal-toc{background:#fff;border:1px solid #e3ebf4;border-radius:16px;padding:16px 20px;margin:24px 0}
.legal-toc ol{margin:8px 0 0}

.legal-box{background:#fff;border:1px solid #e3ebf4;border-radius:16px;padding:20px;margin:16px 0;box-shadow:0 8px 28px #08152b08}
.legal-box>:first-child{margin-top:0}
.legal-box>:last-child{margin-bottom:0}
.legal-box.optional{border-color:#c9dcf7;background:#f5f9ff}
.legal-box.note{border-color:#f0d797;background:#fffaf0}

.ph{background:#ffe8a3;color:#5a3d00;border-radius:4px;padding:0 4px;font-weight:800;font-style:normal;white-space:normal}

.legal-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0;border:1px solid #e3ebf4;border-radius:12px;background:#fff}
.legal-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.95rem}
.legal-table th,.legal-table td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid #e3ebf4}
.legal-table th{background:#f3f7fb;font-weight:800;color:var(--ink,#08152b)}
.legal-table tr:last-child td{border-bottom:0}

.legal-small{font-size:.9rem;color:#68788d}
.legal-footer{margin-top:44px;padding-top:22px;border-top:1px solid #e3ebf4;display:flex;flex-wrap:wrap;gap:12px 24px}

@media (max-width:479px){
  .legal-top{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}
  .legal-top .brand img{width:160px}
  .legal-draft{padding-inline:16px;font-size:.95rem}
  .legal-page{padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right));padding-top:24px}
  .legal-box{padding:16px}
}
@media print{
  .legal-top nav,.legal-toc{display:none}
  .legal-box{box-shadow:none}
}