/* Хабы «Эксперты» и «Аудитории» (issue #11).
   Отдельный файл по правилу .claude/rules/theme-structure.md: новый раздел —
   свой CSS, подключается условно в inc/assets.php. Медиазапросы держим здесь же,
   а не в общем хвосте style.css. */

/* ===== Аудитории: список маршрутов внутри карточки ===== */
.aud-links{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
.aud-links li{margin:0}
.aud-links a{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.03em;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:7px;transition:color .15s}
.aud-links a::before{content:"→";color:var(--hair);transition:color .15s}
.aud-links a:hover{color:var(--green)}
.aud-links a:hover::before{color:var(--green)}
.aud-links a:focus-visible{outline:2px solid var(--green);outline-offset:3px}

/* ===== Эксперты: что публикуется о каждом ===== */
.ex-fields{border:1px solid var(--border);border-top:0;background:var(--bg);padding:26px 28px}
.ex-fields ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 32px}
.ex-fields li{position:relative;padding-left:18px;font-size:14.5px;line-height:1.5;color:var(--ink)}
.ex-fields li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:1px;background:var(--terra)}
.ex-note{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--border);font-size:13.5px;line-height:1.6;color:var(--muted);max-width:72ch}

@media(max-width:880px){
  .ex-fields ul{grid-template-columns:1fr}
}
@media(max-width:560px){
  .ex-fields{padding:22px}
}