/* Лента /blog (scripts/blog_template.py: build_feed).
   Цвета сайта: бирюзовый #235d6e, коралловый #ff8562, текст #1d2024. */

.qa-feed { max-width: 1200px; margin: 0 auto; padding: 0 20px 40px; box-sizing: border-box; font-family: 'Nunito', Arial, sans-serif; }
.qa-feed *, .qa-feed *::before, .qa-feed *::after { box-sizing: border-box; }

.qa-feed__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 24px; margin: 0 0 28px; }
.qa-feed__tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.qa-feed__tab {
  padding: 8px 14px; border: 1px solid #d5dee1; border-radius: 999px;
  background: #ffffff; color: #1d2024; cursor: pointer;
  font: 600 15px/1.2 'Nunito', Arial, sans-serif;
}
.qa-feed__tab span { color: #8a9296; font-weight: 400; margin-left: 2px; }
.qa-feed__tab:hover { border-color: #235d6e; }
.qa-feed__tab.is-active { background: #235d6e; border-color: #235d6e; color: #ffffff; }
.qa-feed__tab.is-active span { color: #cfe0e4; }

.qa-feed__search {
  width: 280px; max-width: 100%; padding: 10px 14px;
  border: 1px solid #d5dee1; border-radius: 12px;
  font: 400 15px/1.2 'Nunito', Arial, sans-serif; color: #1d2024; background: #ffffff;
}
.qa-feed__search:focus { outline: none; border-color: #235d6e; }

.qa-feed__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px 28px; }
.qa-feed .qa-card, .qa-feed .qa-card:visited { display: flex; flex-direction: column; color: #1d2024 !important; text-decoration: none !important; }
.qa-card[hidden] { display: none; }
.qa-card__img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 12px; background: #eef1f2; }
.qa-card__rubric { margin: 12px 0 6px; font-size: 14px; color: #6b7176; }
.qa-card__title { font-weight: 700; font-size: 17px; line-height: 1.35; }
.qa-card__date { margin-top: 6px; font-size: 13px; color: #8a9296; }
.qa-feed .qa-card:hover .qa-card__title { color: #235d6e; }

.qa-feed__more {
  display: block; margin: 40px auto 0; padding: 14px 28px;
  border: 0; border-radius: 12px; background: #ff8562; color: #ffffff; cursor: pointer;
  font: 700 16px/1.2 'Nunito', Arial, sans-serif;
}
.qa-feed__more:hover { background: #f26f4a; }
.qa-feed__more[hidden] { display: none; }
.qa-feed__empty { margin: 20px 0; font-size: 17px; color: #6b7176; }

@media (max-width: 1100px) { .qa-feed__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 760px) {
  .qa-feed__grid { grid-template-columns: 1fr; gap: 28px; }
  .qa-card__title { font-size: 15px; }
  .qa-feed__search { width: 100%; }
  .qa-feed__tabs { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; margin: 0 -20px; padding-left: 20px; padding-right: 20px; }
  .qa-feed__tab { white-space: nowrap; }
}