/* Reusable Strana.ee content cards. */
.strana-news-card,
.strana-article-card {
  overflow: hidden;
  border: 1px solid var(--strana-border, #e2e8ee);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(15,23,32,.035);
}

.strana-news-card__media,
.strana-article-card__media {
  display: block;
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #eef4f8;
}

.strana-news-card__media img,
.strana-article-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .25s ease;
}

.strana-news-card:hover .strana-news-card__media img,
.strana-article-card:hover .strana-article-card__media img { transform: scale(1.025); }

.strana-news-card__body,
.strana-article-card__body { padding: 22px; }

.strana-news-card time,
.strana-article-card time { color: #8b98a4; font-size: 12px; }

.strana-news-card h3,
.strana-article-card h3 { margin: 9px 0 10px; font-size: 20px; line-height: 1.3; }

.strana-news-card h3 a,
.strana-article-card h3 a { color: var(--strana-ink, #0f1720) !important; text-decoration: none !important; }

.strana-news-card p,
.strana-article-card p { margin: 0; color: var(--strana-muted, #657382); line-height: 1.6; }

.strana-news-card__more,
.strana-article-card__more {
  display: inline-block;
  margin-top: 16px;
  color: var(--strana-blue, #1169b2) !important;
  font-weight: 800;
  text-decoration: none !important;
}

/* Make category pictograms feel like a single icon system, including emoji glyphs. */
.strana-category__icon {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1;
}

/* Shared informational landing page blocks. */
.strana-life-grid,
.strana-city-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.strana-life-card,
.strana-city-card {
  display: block;
  min-height: 150px;
  padding: 22px;
  border: 1px solid var(--strana-border, #e2e8ee);
  border-radius: 17px;
  background: #fff;
  color: var(--strana-ink, #0f1720) !important;
  text-decoration: none !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.strana-life-card:hover,
.strana-city-card:hover {
  transform: translateY(-2px);
  border-color: #bdd4e7;
  box-shadow: 0 12px 28px rgba(15,23,32,.07);
}

.strana-life-card span,
.strana-city-card span { color: var(--strana-blue, #1169b2); font-size: 13px; font-weight: 800; }
.strana-life-card h2,
.strana-city-card h2 { margin: 9px 0 8px; font-size: 21px; line-height: 1.2; }
.strana-life-card p,
.strana-city-card p { margin: 0; color: var(--strana-muted, #657382); line-height: 1.55; }

@media (max-width: 900px) {
  .strana-life-grid,
  .strana-city-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .strana-news-card__body,
  .strana-article-card__body { padding: 18px; }
  .strana-life-grid,
  .strana-city-grid { grid-template-columns: 1fr; }
}