/* ===========================================================
   Стили страниц юридических документов (privatelabel.mba)
   Подключается ПОСЛЕ styles.css (берёт токены/шрифты/цвета).
   =========================================================== */

.legal-header {
  position:sticky; top:0; z-index:50;
  background:rgba(255,255,255,.9);
  backdrop-filter:saturate(180%) blur(12px);
  -webkit-backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--line);
}
.legal-header .container { display:flex; align-items:center; justify-content:space-between; height:70px; }
.legal-header .brand { font-family:var(--display); font-weight:600; font-size:20px; letter-spacing:.02em; text-transform:lowercase; display:flex; align-items:center; gap:10px; }
.legal-header .brand img { width:38px; height:38px; }
.legal-header .brand b { color:var(--orange); text-transform:uppercase; font-size:14px; letter-spacing:.08em; }
.legal-home { font-weight:600; font-size:15px; color:var(--navy); padding:9px 16px; border-radius:var(--radius-pill); background:var(--soft); transition:background .2s; white-space:nowrap; }
.legal-home:hover { background:var(--soft-2); }

.legal { padding:48px 0 72px; background:var(--bg); }
.legal-wrap { max-width:820px; margin:0 auto; padding:0 24px; }
.legal-wrap h1 { font-family:var(--display); font-size:clamp(30px,4.4vw,46px); text-transform:uppercase; line-height:1.06; margin-bottom:12px; }
.legal-meta { color:var(--muted); font-size:14px; margin-bottom:30px; padding-bottom:24px; border-bottom:1px solid var(--line); }
.legal-wrap h2 { font-family:var(--display); font-size:23px; text-transform:none; letter-spacing:0; margin:36px 0 12px; color:var(--navy); }
.legal-wrap h3 { font-size:17px; font-weight:700; margin:22px 0 8px; color:var(--ink); }
.legal-wrap p, .legal-wrap li { font-size:16px; line-height:1.7; color:var(--ink); margin-bottom:12px; }
.legal-wrap ul { padding-left:22px; margin-bottom:14px; }
.legal-wrap li { margin-bottom:7px; }
.legal-wrap a { color:var(--navy); text-decoration:underline; }
.legal-wrap strong { font-weight:700; }

/* подсветка мест, которые нужно заполнить владельцу */
.ph { background:#fff3e0; color:#a85a00; padding:1px 7px; border-radius:5px; font-size:14px; font-weight:600; }

.legal-footer { background:var(--navy-3); color:rgba(255,255,255,.6); padding:28px 0; text-align:center; font-size:13.5px; }
.legal-footer a { color:rgba(255,255,255,.8); text-decoration:none; }
.legal-footer a:hover { color:var(--orange-2); }

@media (max-width:600px){
  .legal-header .brand span { display:none; }
  .legal { padding-top:32px; }
}