.tenders-list { padding: 60px 0; }
.tenders-list__items { display: flex; flex-direction: column; gap: 20px; max-width: 800px; margin: 0 auto; }
.tenders-list__item { display: block; padding: 24px 30px; background: #fff; border: 1px solid #e0e0e0; border-radius: 4px; text-decoration: none; color: #3a3a3a; transition: box-shadow 0.2s, border-color 0.2s; }
.tenders-list__item:hover, .tenders-list__item:focus { box-shadow: 0 2px 12px rgba(0,0,0,0.08); border-color: #c0c0c0; }
.tenders-list__item h3 { font-size: 18px; margin: 0 0 8px; color: #222; }
.tenders-list__item span { font-size: 13px; color: #1e73be; }
.tenders-list__empty { padding: 40px 0; color: #757575; font-size: 15px; }
/* Mobile-first by design: base rules above already fit the smallest screens;
   this file intentionally scales spacing/typography up from 768px rather than
   down, and does not mix directions with max-width rules for the same selectors. */
@media (min-width: 768px) {
  .tenders-list { padding: 80px 0; }
  .tenders-list__item { padding: 30px 40px; }
  .tenders-list__item h3 { font-size: 20px; }
}