/* Блоки главной, добавленные по issue #11: два входа в «Науку и исследования»
   и обложки у второстепенных новостей.

   Отдельным файлом по правилу .claude/rules/theme-structure.md: style.css подошёл
   к бюджету (925 из 1000), а это обособленная область одной страницы. Подключается
   условно в inc/assets.php только на главной. Медиазапросы — здесь же, не в общем хвосте. */

/* ===== Два равноправных входа: «Наука» и «Исследования» ===== */
.nii-doors{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:34px}
.nii-door{display:flex;flex-direction:column;background:var(--bg);text-decoration:none;transition:background .14s}
.nii-door:hover{background:var(--paper)}
.nii-door-cover{display:block;aspect-ratio:16/7;overflow:hidden;background:var(--surface)}
.nii-door-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.nii-door:hover .nii-door-cover img{transform:scale(1.03)}
.nii-door-body{display:flex;flex-direction:column;padding:26px 28px 28px;flex:1}
.nii-door-name{font-family:var(--font-display);font-weight:600;font-size:clamp(24px,2.2vw,30px);letter-spacing:-.015em;color:var(--fg);line-height:1.1}
.nii-door:hover .nii-door-name{color:var(--green)}
.nii-door-note{margin-top:10px;font-size:14.5px;line-height:1.55;color:var(--muted);flex:1}
.nii-door-go{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--green)}
.nii-door-go svg{width:13px;height:13px;transition:transform .16s}
.nii-door:hover .nii-door-go svg{transform:translateX(3px)}

/* ===== Второстепенные новости: обложка из своей публикации ===== */
/* Раньше картинка была только у главной новости, три остальные шли голым текстом. */
.news-item.has-cover{display:grid;grid-template-columns:1fr 92px;gap:18px;align-items:center}
.news-item .ni-cover{display:block;width:92px;height:69px;overflow:hidden;background:var(--surface);order:2}
.news-item .ni-cover img{width:100%;height:100%;object-fit:cover;display:block}
.news-item .ni-txt{min-width:0}

@media(max-width:880px){
  .nii-doors{grid-template-columns:1fr}
  .nii-door-cover{aspect-ratio:16/6}
}
@media(max-width:560px){
  .nii-door-body{padding:20px 22px 24px}
  .news-item.has-cover{grid-template-columns:1fr 74px;gap:14px}
  .news-item .ni-cover{width:74px;height:56px}
}

/* ===== Обложки публикаций в блоке «Аромамаркетинг в СМИ» ===== */
/* Картинка берётся из самой публикации и лежит в нашей медиатеке (решение бизнеса
   04.08.2026). Издание может не давать иллюстрации вовсе — тогда карточка остаётся
   текстовой, и вёрстка не должна от этого разъезжаться. */
.smi-lead .smi-cover{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--surface);margin-bottom:18px}
.smi-lead .smi-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.smi-lead:hover .smi-cover img{transform:scale(1.02)}

.smi-item.has-cover{display:grid;grid-template-columns:1fr 96px;gap:18px;align-items:center}
.smi-item .smi-cover{display:block;width:96px;height:72px;overflow:hidden;background:var(--surface);order:2}
.smi-item .smi-cover img{width:100%;height:100%;object-fit:cover;display:block}
.smi-item .smi-txt{min-width:0}

@media(max-width:560px){
  .smi-item.has-cover{grid-template-columns:1fr 74px;gap:14px}
  .smi-item .smi-cover{width:74px;height:56px}
}