/* =========================================================
   Homepage (2026-10-26) — layered after the inline homepage styles.
   1. Discipline chips under the hero buttons (in place of the stats row)
   2. "In the spotlight" layout: no-photo cards get a short discipline-tinted band instead of an empty box with an emoji
   ========================================================= */

/* ---------- 1. Discipline chips ---------- */
.home-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-top: 2.5rem;
  max-width: 820px;
}
.home-chips a {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .55rem 1rem .55rem .7rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .12);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: rgba(255, 255, 255, .88);
  font-weight: 700;
  font-size: .74rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  transition: background var(--transition), border-color var(--transition), transform var(--transition);
}
.home-chips a i {
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  background: var(--dc);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--dc) 28%, transparent);
}
.home-chips a:hover {
  background: color-mix(in srgb, var(--dc) 22%, transparent);
  border-color: color-mix(in srgb, var(--dc) 60%, transparent);
  transform: translateY(-2px);
}
.home-chips a:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }

/* ---------- 2. Spotlight grid ---------- */
.home .news-card { border: 0; }
.home .news-grid.featured .news-card:first-child .news-card-img { flex: 1 1 auto; min-height: 320px; aspect-ratio: auto; }
.home .news-grid.featured .news-card:first-child .news-card-title { font-size: clamp(1.35rem, 2vw, 1.75rem); line-height: 1.2; }
.home .news-grid.featured .news-card:first-child .news-card-title,
.home .news-grid.featured .news-card:first-child .news-card-excerpt { flex: 0 0 auto; }

.home .news-card--noimg .news-card-img { aspect-ratio: auto; height: 92px; flex: 0 0 auto; }
.home .news-grid.featured .news-card--noimg:first-child .news-card-img { min-height: 0; height: 140px; flex: 0 0 auto; }
.home .news-card-img-placeholder {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(140px 140px at 88% 130%, color-mix(in srgb, var(--dc, var(--pink)) 55%, transparent) 0 60%, transparent 61%),
    radial-gradient(220px 220px at 105% 150%, color-mix(in srgb, var(--dc, var(--pink)) 22%, transparent) 0 60%, transparent 61%),
    linear-gradient(135deg, color-mix(in srgb, var(--dc, var(--pink)) 10%, #fff), color-mix(in srgb, var(--dc, var(--pink)) 20%, #fff));
}
.home .news-card--noimg .news-card-discipline { background: var(--dark); }

.home .news-card-discipline { top: .8rem; left: .8rem; padding: .25rem .7rem; border-radius: 999px; }
.home .news-card-body { padding: 1.3rem 1.4rem 1.4rem; }
.home .read-more {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .45rem .95rem;
  border-radius: 999px;
  background: var(--pink-pale);
  color: var(--pink);
  transition: background var(--transition), color var(--transition);
}
.home .news-card:hover .read-more { background: var(--pink); color: #fff; }
.home .news-card-footer { border-top: 0; padding-top: .4rem; }

@media (max-width: 768px) {
  .home-chips { margin-top: 2rem; gap: .4rem; }
  .home-chips a { padding: .45rem .85rem .45rem .6rem; font-size: .68rem; }
  .home .news-grid.featured .news-card:first-child .news-card-img { min-height: 0; aspect-ratio: 16 / 10; }
  .home .news-grid.featured .news-card--noimg:first-child .news-card-img { aspect-ratio: auto; height: 92px; }
}