/* =========================================================
   1) Типографика статьи
   ========================================================= */
.post{ line-height:1.65; }
.post-title{ margin:.8em 0 .6em; line-height:1.25; }

/* =========================================================
   2) Герой-изображение
   ========================================================= */
.post-hero{ margin:0 0 20px 0; overflow-wrap:break-word; }
.post-hero .img-hero{
  display:block; width:100%; height:auto;
  border-radius:14px;
  box-shadow:0 4px 16px rgba(0,0,0,.08);
}

/* =========================================================
   3) Изображения внутри контента (адаптив + скругление)
   ========================================================= */
.entry-content img{
  display:block;
  max-width:100%;
  width:100%;
  height:auto !important;         /* перебиваем возможные инлайны */
  border-radius:12px;
  box-shadow:0 3px 12px rgba(0,0,0,.06);
  margin:1rem auto;
}
/* даже если заданы жёсткие размеры — делаем адаптивными */
.entry-content img[width],
.entry-content img[height],
.entry-content img[style*="width"],
.entry-content img[style*="height"]{
  width:100% !important;
  height:auto !important;
}

/* =========================================================
   4) Универсальные компоненты блоков
   ========================================================= */
.block{
  background:#fff;
  border:1px solid #e9eef3;
  border-radius:14px;
  padding:16px 18px;
  margin:16px 0;
  box-shadow:0 2px 10px rgba(0,0,0,.03);
  line-height:1.65;
}
.block__title{
  display:flex; align-items:center; gap:.55rem;
  margin:0 0 .6rem; font-weight:700; color:#f93105;
}
.block__body{ color:#2c3e50; }
.block__subtitle{ margin:1rem 0 .4rem; font-weight:700; color:#f93105; }

.ico{ width:1.2em; height:1.2em; fill:currentColor; flex:0 0 auto; }
.ico--muted{ color:#6b7a8a; }

/* =========================================================
   5) Длинные перечни организаций
   ========================================================= */
.orgs{
  margin:0;
  line-height:1.65;
  color:#2c3e50;
  text-wrap:pretty;             /* modern браузеры; просто игнорится, если нет поддержки */
}
@media (min-width:992px){
  .orgs{ column-count:2; column-gap:28px; }
}

/* =========================================================
   6) Нумерованные списки ссылок (отзывы)
   ========================================================= */
.link-list{
  padding-left:20px;            /* сохраняем нумерацию, небольшой отступ */
  margin:.2rem 0 0;
}
.link-list li{ margin:.35rem 0; }
.link-list a{
  text-decoration:underline;
  text-underline-offset:2px;
  word-break:break-word;        /* на случай очень длинных URL */
}

/* =========================================================
   7) Призыв к действию (CTA)
   ========================================================= */
.cta-line{
  display:flex; align-items:center; gap:.6rem;
  padding:.7rem 1rem; margin:.5rem 0 1rem;
  background:#fff7f5;
  border:1px dashed #ffd4c9; border-radius:12px;
  font-weight:600; color:#c0392b;
}
.cta-line .ico{ width:1.1em; height:1.1em; color:#c0392b; }
.cta-line .ico svg{ width:100%; height:100%; fill:currentColor; }

/* =========================================================
   8) Контакты (карточки и сетка)
   ========================================================= */
.contacts-grid{
  display:grid; gap:14px;
  grid-template-columns:1fr;
}
@media (min-width:768px){
  .contacts-grid{ grid-template-columns:1fr 1fr; }
}
.contact-card{
  border:1px solid #e9eef3;
  background:#f9fbfd;
  border-radius:12px;
  padding:14px 16px;
  display:flex; flex-direction:column; gap:6px;
  height:100%;
}
.contact-card__title{
  margin:0 0 .25rem;
  font-weight:700;
  color:#2c3e50;
  line-height:1.4;
}
.contact-line{
  display:flex; align-items:flex-start; gap:10px;
  margin:.15rem 0;
  color:#2c3e50;
  line-height:1.6;
}
.contact-line .ico{
  width:1.05em; height:1.05em; color:#6b7a8a;
  margin-top:.22em; flex:0 0 auto;
}
.contact-line .ico svg{ width:100%; height:100%; fill:currentColor; }

/* =========================================================
   9) Цитаты
   ========================================================= */
.quote{
  margin:0;
  padding:.7rem 1rem;
  background:#fff7f5;
  border-left:4px solid #f93105;
  border-radius:10px;
}
.quote p{ margin:0 0 .35rem; }
.quote cite{ color:#6b7a8a; font-style:normal; }

/* =========================================================
   10) Безопасные переносы в контенте
   ========================================================= */
.entry-content{ overflow-wrap:break-word; }
