/* ============ luma.brnd — юридические страницы в новом дизайн-коде ============
 * Шапка, подвал, шрифты и палитра берутся из /redesign.css и /editorial.css —
 * те же, что на главной. Здесь только сам документ: колонка для чтения,
 * переключатель трёх документов и типографика пунктов.
 * Токены: фон #fff1ef · чернила #30252a · акцент #bd2856 · линии #dfbbc3
 */
body { background: #fff1ef; color: #30252a; }

.lg { max-width: 860px; margin: 0 auto; padding: 56px 24px 88px; }
.lg-eyebrow { margin: 0 0 16px; color: #78636a; }

/* переключатель документов: активный — пилюля, остальные — контур */
.lg-docs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 44px; }
.lg-docs a {
  display: inline-flex; align-items: center; min-height: 40px; padding: 8px 18px;
  border: 1px solid #dfbbc3; border-radius: 40px; font-size: 14px; color: #30252a;
  transition: border-color .2s, background .2s, color .2s;
}
.lg-docs a:hover { border-color: #bd2856; color: #bd2856; }
.lg-docs a[aria-current="page"] { background: #30252a; border-color: #30252a; color: #fff1ef; }

.lg-tocat span { background: none !important; color: inherit !important; width: auto !important; height: auto !important; display: inline-flex !important; }

/* ---------- документ ---------- */
.lg-doc { font: 400 16px/1.7 Arial, sans-serif; }
.lg-doc h1 {
  font: 400 clamp(44px, 6.4vw, 80px)/1.02 LumaJost, Arial, sans-serif;
  letter-spacing: -.045em; color: #bd2856; margin: 0 0 20px;
}
.lg-meta { display: flex; flex-wrap: wrap; gap: 4px 0; color: #78636a; font-size: 14px; margin: 0 0 36px; padding-bottom: 28px; border-bottom: 1px solid #dfbbc3; }
.lg-meta span + span::before { content: '·'; margin: 0 10px; color: #dfbbc3; }

.lg-doc h2 {
  font: 400 26px/1.25 LumaJost, Arial, sans-serif; letter-spacing: -.01em; color: #30252a;
  margin: 48px 0 16px; padding-top: 24px; border-top: 1px solid #dfbbc3;
}
.lg-doc h2:first-of-type { margin-top: 36px; }
.lg-doc p { margin: 0 0 14px; }
.lg-doc p.lg-lead { font-size: 17px; line-height: 1.7; color: #30252a; margin-bottom: 8px; }
.lg-doc ul { margin: 0 0 14px; padding-left: 0; list-style: none; }
.lg-doc li { position: relative; padding-left: 26px; margin-bottom: 8px; }
.lg-doc li::before { content: ''; position: absolute; left: 0; top: .42em; width: 13px; height: 13px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5v21M1.5 12h21M4.6 4.6l14.8 14.8M19.4 4.6L4.6 19.4' fill='none' stroke='%23fe517f' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.lg-doc a { color: #bd2856; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.lg-doc a:hover { color: #972044; }

.lg-sign {
  margin-top: 44px; padding: 24px 28px; background: #fcebb0; border-radius: 3px;
  color: #4b3a31; font-size: 15px; line-height: 1.7;
}
.lg-sign b { display: block; font: 400 22px/1.3 LumaJost, Arial, sans-serif; color: #30252a; margin-bottom: 6px; }

@media (max-width: 650px) {
  .lg { padding: 36px 20px 64px; }
  .lg-docs { margin-bottom: 32px; }
  .lg-docs a { font-size: 13px; padding: 7px 14px; min-height: 38px; }
  .lg-doc { font-size: 15px; }
  .lg-doc h1 { font-size: 44px; }
  .lg-doc h2 { font-size: 22px; margin-top: 36px; padding-top: 20px; }
  .lg-doc p.lg-lead { font-size: 16px; }
  .lg-meta { flex-direction: column; }
  .lg-meta span + span::before { content: none; }
  .lg-sign { padding: 20px; }
}
@media print {
  .header, .footer, .lg-docs, .skip { display: none !important; }
  .lg { padding: 0; max-width: none; }
}
/* стрелка в кнопке «В каталог»: у кружка-счётчика корзины из общих стилей своя
   ширина, и SVG внутри схлопывался в ноль — задаём размер явно */
.lg-tocat span { min-width: 12px; }
.lg-tocat .i-arrow { width: 12px !important; height: 12px !important; }