/* Единое оформление мобильного меню и хлебных крошек.
   Подключается последним в <helmet>, поэтому перебивает инлайновые стили. */

/* ── Логотип в шапке: центрировать текст по вертикали ─────────
   Общее правило #dc-root a{min-height:44px} растягивает <a>-логотип
   до 44px, и inline-текст внутри прижимается к верхнему краю. */
#dc-root header > a:first-child{
  display:inline-flex!important;
  align-items:center!important;
  line-height:1!important;
}

/* ── Бургер в шапке ───────────────────────────────────────────── */
#dc-root .burger{
  width:46px!important;height:46px!important;flex:none!important;
  border:1.5px solid rgba(19,19,19,.18)!important;border-radius:14px!important;
  align-items:center!important;justify-content:center!important;
  color:#131313!important;font-size:20px!important;line-height:1!important;cursor:pointer!important;
}

/* ── Панель мобильного меню ───────────────────────────────────── */
#dc-root .mobile-menu{
  position:fixed!important;inset:0!important;z-index:60!important;
  background:#131313!important;color:#F4F2EE!important;
  flex-direction:column!important;gap:0!important;
  padding:20px 22px calc(40px + env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;
}
/* шапка панели: логотип + крестик */
#dc-root .mobile-menu>div:first-child{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  margin-bottom:12px!important;
}
#dc-root .mobile-menu>div:first-child>span,
#dc-root .mobile-menu>div:first-child>a{
  font-family:Unbounded,sans-serif!important;font-weight:700!important;font-size:16px!important;
  letter-spacing:-.02em!important;
}
#dc-root .mobile-menu>div:first-child label,
#dc-root .mobile-menu>div:first-child button{
  width:46px!important;height:46px!important;flex:none!important;display:flex!important;
  align-items:center!important;justify-content:center!important;
  border:1.5px solid rgba(244,242,238,.25)!important;border-radius:14px!important;
  background:none!important;color:#F4F2EE!important;font-size:20px!important;line-height:1!important;
  cursor:pointer!important;
}
/* пункты меню — жирный вариант */
#dc-root .mobile-menu>a:not([style*="border-radius"]){
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  text-align:left!important;
  padding:16px 0!important;margin:0!important;min-height:56px!important;
  border:0!important;border-bottom:1px solid rgba(244,242,238,.12)!important;
  font-family:Unbounded,sans-serif!important;
  font-size:clamp(17px,4.6vw,19px)!important;font-weight:600!important;
  letter-spacing:-.01em!important;text-transform:none!important;line-height:1.2!important;
}
/* кнопки внизу панели */
#dc-root .mobile-menu>a[style*="border-radius"]{
  display:flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;
  padding:17px 20px!important;border-radius:999px!important;min-height:56px!important;
  font-family:Manrope,system-ui,sans-serif!important;font-size:15.5px!important;font-weight:700!important;
  margin:20px 0 0!important;
}
#dc-root .mobile-menu>a[style*="border-radius"]~a[style*="border-radius"]{margin-top:10px!important}

/* ── Хлебные крошки ───────────────────────────────────────────── */
#dc-root nav[aria-label="Хлебные крошки"]{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:8px!important;font-size:13px!important;line-height:1.25!important;
  color:rgba(19,19,19,.45)!important;
}
#dc-root nav[aria-label="Хлебные крошки"]>*{
  min-height:0!important;line-height:1.25!important;font-size:13px!important;
  display:inline-flex!important;align-items:center!important;
}
#dc-root nav[aria-label="Хлебные крошки"]>a{color:rgba(19,19,19,.55)!important;font-weight:500!important}
#dc-root nav[aria-label="Хлебные крошки"]>a:hover{color:#E8551C!important}
#dc-root nav[aria-label="Хлебные крошки"]>span{color:rgba(19,19,19,.28)!important;font-weight:400!important}
#dc-root nav[aria-label="Хлебные крошки"]>span[style*="font-weight"]{color:#131313!important;font-weight:600!important}
/* крошки отдельной строкой под шапкой */
#dc-root div>div>nav[aria-label="Хлебные крошки"][style*="padding"],
#dc-root>div>nav[aria-label="Хлебные крошки"][style*="padding"]{
  padding:16px 44px 18px!important;
  border-bottom:1px solid rgba(19,19,19,.07)!important;
}
@media(max-width:1024px){
  #dc-root div>div>nav[aria-label="Хлебные крошки"][style*="padding"],
  #dc-root>div>nav[aria-label="Хлебные крошки"][style*="padding"]{padding-left:32px!important;padding-right:32px!important}
}
@media(max-width:760px){
  #dc-root nav[aria-label="Хлебные крошки"],
  #dc-root nav[aria-label="Хлебные крошки"]>*{font-size:12.5px!important}
  #dc-root nav[aria-label="Хлебные крошки"]{gap:7px!important}
  #dc-root div>div>nav[aria-label="Хлебные крошки"][style*="padding"],
  #dc-root>div>nav[aria-label="Хлебные крошки"][style*="padding"]{padding:13px 18px 15px!important}
}

/* ── Детальная страница блога: мобильные поля и типографика ──── */
@media(max-width:760px){
  /* сетка article + aside — на мобильном занимает всю ширину, поджимаем поля */
  #dc-root .article-grid{
    padding:20px 16px 48px!important;
    gap:24px!important;
  }
  /* article перебивает свой inline padding-left/right (заданный в шаблоне) */
  #dc-root .article-grid > article{
    padding-left:0!important;padding-right:0!important;
    max-width:none!important;
  }
  /* h1 в статье блога — компактнее, чтобы слова не разбивались по одному в строку */
  #dc-root .article-grid > article > h1{
    font-size:clamp(24px,7.4vw,30px)!important;
    line-height:1.14!important;
    letter-spacing:-.015em!important;
    margin:0 0 18px!important;
  }
  /* lede под h1 — 16px читаемее чем 18px на маленьком экране */
  #dc-root .article-grid > article > p{
    font-size:16px!important;
    line-height:1.6!important;
    margin:0 0 28px!important;
  }
  /* тело статьи */
  #dc-root .article-grid > article > div{font-size:15.5px!important}
  #dc-root .article-grid > article h2{
    font-size:19px!important;line-height:1.2!important;
  }
  /* CTA-блок в конце статьи — уменьшить padding, чтобы не съедал экран */
  #dc-root .article-grid > article > div[style*="background:#131313"]{
    padding:24px!important;margin-top:36px!important;border-radius:20px!important;
  }
  /* мета-строка «категория + автор + дата» — не сжимать пилюли до одной буквы */
  #dc-root .article-grid > article > div[style*="flex-wrap:wrap"]:first-child{
    gap:10px!important;row-gap:8px!important;
  }
}


/* --- таблицы в статьях блога (добавлено 02.09.2026) --- */
#dc-root .post-body table,
article table{
  width:100%;border-collapse:collapse;margin:22px 0;font-size:15px;
  background:#fff;border-radius:14px;overflow:hidden;display:table;
}
#dc-root .post-body table th,
article table th{
  text-align:left;padding:12px 16px;background:#131313;color:#F4F2EE;
  font-family:Unbounded,sans-serif;font-size:13px;font-weight:600;
}
#dc-root .post-body table td,
article table td{
  padding:12px 16px;border-bottom:1px solid rgba(19,19,19,.08);
  color:rgba(19,19,19,.72);line-height:1.6;vertical-align:top;
}
#dc-root .post-body table tr:last-child td,
article table tr:last-child td{border-bottom:none}
@media(max-width:640px){
  #dc-root .post-body table,article table{display:block;overflow-x:auto;white-space:nowrap}
}