/**
 * Dark Nature Edition — homepage “Bugün Öne Çıkanlar” ONLY.
 * Subtle editorial image shading, hairline edge and soft elevation.
 * All card dimensions, image/body split, content, breakpoints and links remain
 * the responsibility of existing home.css and front-page.php.
 * Never target the hero-side three cards or six discovery topic cards.
 */
body.dn-dark-home .home-featured__cards > .story-card {
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(29, 47, 33, .28), rgba(16, 30, 21, .16));
  box-shadow: 0 0 0 1px rgba(156, 191, 155, .22), 0 5px 18px rgba(0, 0, 0, .10);
  transition: box-shadow .22s ease;
}
body.dn-dark-home .home-featured__rail .story-card--compact {
  border-color: rgba(156, 191, 155, .34);
  border-radius: 8px;
  background: linear-gradient(115deg, #18291e, #132119);
  box-shadow: inset 0 1px 0 rgba(226, 244, 219, .035), 0 5px 18px rgba(0, 0, 0, .10);
  transition: border-color .22s ease, box-shadow .22s ease;
}
body.dn-dark-home .home-featured .story-card__media {
  position: relative;
}
/* A soft photo-to-copy vignette and hairline drawn INSIDE the existing image. */
body.dn-dark-home .home-featured .story-card__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(6, 20, 12, .01) 55%, rgba(6, 20, 12, .17) 100%);
  box-shadow: inset 0 0 0 1px rgba(214, 235, 201, .12);
  border-radius: inherit;
}
@media (hover: hover) and (pointer: fine) {
  body.dn-dark-home .home-featured__cards > .story-card:hover {
    box-shadow: 0 0 0 1px rgba(182, 218, 153, .42), 0 7px 20px rgba(0, 0, 0, .14);
  }
  body.dn-dark-home .home-featured__rail .story-card--compact:hover {
    border-color: rgba(182, 218, 153, .54);
    box-shadow: inset 0 1px 0 rgba(226, 244, 219, .055), 0 7px 20px rgba(0, 0, 0, .14);
  }
}
body.dn-dark-home .home-featured__cards > .story-card:focus-within {
  box-shadow: 0 0 0 2px rgba(210, 241, 184, .65), 0 5px 18px rgba(0, 0, 0, .10);
}
body.dn-dark-home .home-featured__rail .story-card--compact:focus-within {
  border-color: #d2f1b8;
  box-shadow: 0 0 0 2px rgba(210, 241, 184, .4), 0 5px 18px rgba(0, 0, 0, .10);
}
@media (prefers-reduced-motion: reduce) {
  body.dn-dark-home .home-featured__cards > .story-card,
  body.dn-dark-home .home-featured__rail .story-card--compact {
    transition: none;
  }
}