/* Стили страницы «otrasli».
   Вынесены из инлайн-<style> статичной вёрстки.
   Подключаются автоматически по слагу — см. inc/enqueue.php. */

.ind{gap:12px}
  /* Фотосцена отрасли: на всю ширину карточки, срезает падинг .card--pad.
     ⚠️ max-width:none обязателен. Глобальное `img{max-width:100%}` (theme.css)
     считает 100% от КОНТЕНТНОЙ ширины карточки, то есть без падинга, и
     обрезает `width:calc(100% + 52px)` обратно до 264px. Внешне это выглядело
     так, будто фото прибито к левому краю: слева отрицательный margin его
     вытаскивал, а справа ширины не хватало на 52px. */
  .ind__img{display:block;width:calc(100% + 52px);max-width:none;margin:-30px -26px 4px;
    aspect-ratio:16/9;object-fit:cover;border-radius:18px 18px 0 0}
  @media (max-width:620px){.ind__img{width:calc(100% + 40px);margin:-24px -20px 4px}}
  .ind__list{font-size:13.5px;color:var(--muted);line-height:1.5}
  .ind__task{margin-top:auto;background:var(--surface);border-radius:12px;padding:12px 14px;font-size:13.5px;color:var(--muted);line-height:1.5}
  .ind__task b{display:block;font-family:var(--font-h);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:4px}
  .ind__acts{display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--line);padding-top:14px}