/* Дополнения к himera.min.css: типографика статей и сетка списка статей */
.site-wrapper{opacity:1 !important}

/* ФИКС: у растянутых кнопок в оригинале padding:0 — текст упирается в край.
   Возвращаем боковые отступы (box-sizing:border-box, ширина остаётся 100%). */
.btn--full-width{padding-left:22px;padding-right:22px}
.btn--icon-right .icon{flex:0 0 auto}

/* Демо-поиск (независим от app.min.js) */
.demo-search{max-width:920px;margin:0 auto}
.demo-search__row{display:grid;grid-template-columns:minmax(200px,1fr) minmax(240px,1.5fr) auto;gap:14px;align-items:stretch}
.demo-search__field{min-width:0}
.demo-search select,.demo-search input{
  width:100%;height:56px;border:1px solid #dfe5ee;border-radius:10px;padding:0 16px;
  font-family:inherit;font-size:16px;color:#232834;background:#fff;outline:none;
  -webkit-appearance:none;appearance:none;transition:border-color .15s ease;
}
.demo-search select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;padding-right:42px;cursor:pointer;
}
.demo-search select:focus,.demo-search input:focus{border-color:#4b99e9}
.demo-search input.is-invalid{border-color:#e05252;background:#fff6f6}
.demo-search__fio{display:flex;gap:10px}
.demo-search__fio input:first-child{flex:1.7}
.demo-search__fio input:last-child{flex:1}
.demo-search__btn{height:56px;white-space:nowrap}
.demo-search__note{color:#8a93a6;font-size:14px;margin-top:16px;text-align:center}
@media(max-width:760px){.demo-search__row{grid-template-columns:1fr}}

/* ФИКС статьи: комфортная ширина колонки текста */
.node__content .b-content.article-body{max-width:820px}

/* Список статей */
.art-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:10px;list-style:none;padding:0;
}
.art-grid li{margin:0}
.art-card{
  display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e6e9ef;border-radius:16px;
  overflow:hidden;box-shadow:0 4px 18px rgba(35,40,52,.06);transition:.18s ease;text-decoration:none;color:inherit;
}
.art-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(35,40,52,.12)}
.art-card__thumb{
  height:140px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#4b99e9,#7dbaf2);color:#fff;
}
.art-card__thumb .icon{width:52px;height:52px;fill:currentColor}
.art-card__body{padding:22px;display:flex;flex-direction:column;flex:1}
.art-card__body h3{margin:0 0 10px;font-size:18px;line-height:1.3}
.art-card__body p{margin:0;color:#6b7280;font-size:14px;flex:1}
.art-card__more{margin-top:14px;color:#4b99e9;font-weight:700;font-size:14px}

/* Страница статьи */
.article-body{max-width:760px}
.article-body p{font-size:17px;line-height:1.75;margin:0 0 1.05em;color:#2c3140}
.article-body h2{font-size:26px;margin:1.5em 0 .5em}
.article-body h3{font-size:20px;margin:1.3em 0 .4em}
.article-body ul{padding-left:22px;margin:0 0 1.2em}
.article-body li{margin:.4em 0;font-size:17px;line-height:1.6;color:#2c3140}
.article-body strong{color:#232834}
.breadcrumbs{font-size:14px;color:#8a93a6;margin-bottom:18px}
.breadcrumbs a{color:#8a93a6;text-decoration:none}
.breadcrumbs a:hover{color:#4b99e9}
.article-cta{
  background:#f5f8fc;border:1px solid #e6e9ef;border-radius:16px;padding:26px;margin:34px 0 0;
}
.article-cta p{margin:0 0 16px}
.article-meta{color:#8a93a6;font-size:14px;margin:-6px 0 26px}

@media(max-width:900px){.art-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.art-grid{grid-template-columns:1fr}}