/* Модуль «Новости»: заголовок как у «Все важные события», справа ссылка «Все новости»; карточки — белые плашки (скругление 48),
   обложка сверху с лейблом даты (как у карточек «Идут сейчас»), заголовок до 2 строк, описание до 3. Карточек столько, сколько статей (до 4). */
.feed { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 24px; padding: 32px 32px 0; color: #383840; }
.feed .hub-head { grid-column: 1 / -1; }
.feed .hub-head a { margin-left: auto; font: 600 18px/1 var(--font); color: #5a4fd6; text-decoration: none; }
.feed .hub-head a::after { content: " →"; }
.feed-list { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); gap: 24px; }
.feed-card { display: flex; flex-direction: column; gap: 18px; padding: 6px 6px 28px; color: inherit; text-decoration: none;
  border-radius: calc(48px * var(--sq)); corner-shape: squircle; background: #fff; }
.feed-card .cover { position: relative; height: 240px; border-radius: calc(42px * var(--sq)); corner-shape: squircle; background: #e9e8fb 50% / cover no-repeat; }
.feed-card .dt { position: absolute; top: 22px; right: 22px; display: flex; align-items: center; height: 30px; padding: 0 12px; border-radius: 15px;
  background: rgba(17, 24, 47, .72); font: 600 14px/1 var(--font); }
.feed-card .dt em { font-style: normal; color: var(--lime); }
.feed-card .txt { display: flex; flex-direction: column; gap: 10px; padding: 0 22px; }
.feed-card b { font: 600 20px/1.2 var(--font); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.feed-card small { font: 400 15px/1.4 var(--font); color: #6c6c84; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }