/**
 * Discovery of Nature 0.2.74 — approved cinematic homepage, continued.
 * Dynamic first published species is the only spotlight candidate; no sample
 * species, placeholder wildlife photos, fictional audio or static post links.
 * Photo-first community renders ONLY with the configured WordPress image.
 * Every footer link, forum topic and alphabet letter remains in the DOM.
 */
body.dn-dark-home .home-main .home-species .home-species__spotlight {
  margin: 0 0 15px;
  min-width: 0;
}
body.dn-dark-home .home-main .home-species .home-species__spotlight .species-card--mini {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: clamp(215px,24vw,330px);
  overflow: hidden;
  isolation: isolate;
  padding: clamp(17px,2.25vw,30px);
  border: 1px solid var(--don-cinema-line);
  border-radius: 14px;
  background: #102017;
  box-shadow: var(--don-cinema-shadow);
}
body.dn-dark-home .home-main .home-species .home-species__spotlight .species-card--mini::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg,rgba(2,12,7,.88) 0%,rgba(2,12,7,.45) 46%,rgba(2,12,7,.08) 100%),
    linear-gradient(0deg,rgba(3,13,8,.77),transparent 55%);
}
body.dn-dark-home .home-main .home-species .home-species__spotlight .species-card__media {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  aspect-ratio: auto;
  box-shadow: none;
}
body.dn-dark-home .home-main .home-species .home-species__spotlight .species-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  filter: saturate(1.07) contrast(1.05);
}
body.dn-dark-home .home-main .home-species .home-species__spotlight .species-card__body {
  position: relative;
  z-index: 1;
  width: min(60%,390px);
  padding: 0;
  pointer-events: none;
}
body.dn-dark-home .home-main .home-species .home-species__spotlight .species-card__name {
  margin: 0;
  font-family: var(--wpia-serif);
  font-weight: 700;
  font-size: clamp(2rem,4vw,4rem);
  line-height: 1.04;
  text-shadow: 0 2px 16px rgba(0,0,0,.65);
}
body.dn-dark-home .home-main .home-species .home-species__spotlight .species-card__name a {
  color: #fff;
  pointer-events: auto;
}
body.dn-dark-home .home-main .home-species .home-species__spotlight .species-card__scientific {
  margin-top: 7px;
  font-family: var(--wpia-serif);
  font-size: clamp(.89rem,1.5vw,1.25rem);
  color: #d5edce;
  text-shadow: 0 1px 12px rgba(0,0,0,.62);
}
body.dn-dark-home .home-main .home-species .home-species__spotlight .species-card__media:focus-visible,
body.dn-dark-home .home-main .home-species .home-species__spotlight .species-card__name a:focus-visible {
  outline: 3px solid #d4ffb6;
  outline-offset: -4px;
}
body.dn-dark-home .home-main .home-species__grid--after-spotlight {
  padding-top: 1px;
}
body.dn-dark-home .home-main .home-species__grid--after-spotlight .species-card--mini .species-card__media {
  border-color: rgba(194,234,173,.3);
  box-shadow: 0 7px 16px rgba(0,0,0,.26);
}
/* The image-backed community quote becomes the upper panoramic panel.
 * Without a user-configured WP attachment, the existing text-first structure
 * is not rewritten or visually replaced with a fake scenic background. */
body.dn-dark-home .home-main .home-community__grid--photo {
  grid-template-columns: repeat(2,minmax(0,1fr));
  border-color: var(--don-cinema-line);
  box-shadow: var(--don-cinema-shadow);
}
body.dn-dark-home .home-main .home-community__grid--photo .home-community__quote--media {
  grid-column: 1 / -1;
  grid-row: 1;
  min-height: clamp(230px,26vw,340px);
  padding: clamp(18px,2.3vw,32px);
  border-top: 0;
  border-bottom: 1px solid var(--don-cinema-line);
  justify-content: flex-end;
  align-items: flex-start;
}
body.dn-dark-home .home-main .home-community__grid--photo .home-community__quote--media::after {
  background:
    linear-gradient(90deg,rgba(2,13,7,.82),rgba(2,13,7,.30) 58%,rgba(2,13,7,.09)),
    linear-gradient(0deg,rgba(2,13,7,.55),transparent 80%);
}
body.dn-dark-home .home-main .home-community__grid--photo .home-community__quote blockquote {
  max-width: 21ch;
  font-family: var(--wpia-serif);
  font-size: clamp(1.42rem,2.9vw,2.5rem);
  line-height: 1.13;
}
body.dn-dark-home .home-main .home-community__grid--photo .home-community__intro {
  grid-column: 1;
  grid-row: 2;
  border-right: 1px solid var(--don-cinema-line);
}
body.dn-dark-home .home-main .home-community__grid--photo .home-community__topics {
  grid-column: 2;
  grid-row: 2;
}
body.dn-dark-home .home-main .home-community__topics h3 a {
  color: #f7fff2;
}
body.dn-dark-home .home-main .home-community__topics h3 a:hover,
body.dn-dark-home .home-main .home-community__topics h3 a:focus-visible {
  color: #c5ffb0;
  text-underline-offset: 3px;
}
/* 390px phone has two cinema panels; the empty-audio links must stay readable.
 * Icon + title + arrow was leaving fewer than three letters per line.
 * Only decorative icon/description/arrow are hidden, never the real links. */
@media (min-width:360px) and (max-width:600px) {
  body.dn-dark-home .home-main .home-media-panel__empty--audio {
    padding: 10px 7px;
  }
  body.dn-dark-home .home-main .home-media-panel__empty--audio .home-media-panel__empty-links {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
  }
  body.dn-dark-home .home-main .home-media-panel__empty--audio .home-media-panel__empty-links > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 44px;
    padding: 7px 5px;
    gap: 0;
    text-align: center;
    overflow-wrap: normal;
    word-break: normal;
  }
  body.dn-dark-home .home-main .home-media-panel__empty--audio .home-media-panel__destination-icon,
  body.dn-dark-home .home-main .home-media-panel__empty--audio .home-media-panel__destination-arrow,
  body.dn-dark-home .home-main .home-media-panel__empty--audio .home-media-panel__destination-name small {
    display: none;
  }
  body.dn-dark-home .home-main .home-media-panel__empty--audio .home-media-panel__destination-name {
    display: block;
    font-size: clamp(.65rem,2.65vw,.77rem);
    line-height: 1.2;
    overflow-wrap: normal;
    word-break: normal;
    white-space: normal;
  }
}
/* Footer remains a navigable footer, not a dead visual mockup. */
body.dn-dark-home .site-footer__brand p { color: #d2e2cd; }
body.dn-dark-home .site-footer__bottom { border-top-color: rgba(180,234,162,.19); }
body.dn-dark-home .site-footer__group summary { color: #f3f9ee; }
body.dn-dark-home .site-footer__group a:focus-visible,
body.dn-dark-home .site-footer__legal a:focus-visible {
  outline: 2px solid #b6f8a4;
  outline-offset: 3px;
}
@media (hover:hover) and (pointer:fine) {
  body.dn-dark-home .home-main .home-species .home-species__spotlight .species-card--mini:hover {
    border-color: rgba(181,253,159,.8);
    box-shadow: 0 0 0 1px rgba(143,234,126,.3),0 20px 39px rgba(0,0,0,.4);
  }
}
@media (max-width:767px) {
  body.dn-dark-home .home-main .home-species .home-species__spotlight { margin-bottom: 13px; }
  body.dn-dark-home .home-main .home-species .home-species__spotlight .species-card--mini {
    min-height: clamp(194px,57vw,270px);
    padding: 18px;
    border-radius: 12px;
  }
  body.dn-dark-home .home-main .home-species .home-species__spotlight .species-card__body { width: 76%; }
  body.dn-dark-home .home-main .home-species .home-species__spotlight .species-card__name {
    font-size: clamp(1.9rem,7.6vw,3rem);
  }
  body.dn-dark-home .home-main .home-species .home-species__spotlight .species-card__scientific {
    font-size: clamp(.83rem,3.1vw,1.05rem);
  }
  body.dn-dark-home .home-main .home-community__grid--photo {
    grid-template-columns: minmax(0,1fr);
  }
  body.dn-dark-home .home-main .home-community__grid--photo .home-community__quote--media {
    grid-column: 1;
    grid-row: 1;
    min-height: clamp(190px,54vw,270px);
    padding: 19px;
    border-bottom: 1px solid var(--don-cinema-line);
  }
  body.dn-dark-home .home-main .home-community__grid--photo .home-community__quote blockquote {
    max-width: 19ch;
    font-size: clamp(1.35rem,6vw,1.95rem);
  }
  body.dn-dark-home .home-main .home-community__grid--photo .home-community__intro {
    grid-column: 1;
    grid-row: 2;
    border-right: 0;
    border-bottom: 1px solid var(--don-cinema-line);
  }
  body.dn-dark-home .home-main .home-community__grid--photo .home-community__topics {
    grid-column: 1;
    grid-row: 3;
  }
  body.dn-dark-home .site-footer__group summary { min-height: 44px; }
}
@media (max-width:359px) {
  body.dn-dark-home .home-main .home-species .home-species__spotlight .species-card__body { width: 88%; }
  body.dn-dark-home .home-main .home-community__grid--photo .home-community__quote blockquote { font-size: 1.26rem; }
}
@media (prefers-reduced-motion:reduce) {
  body.dn-dark-home .home-main .home-species .home-species__spotlight .species-card__media img { transition:none; }
}