/** Discovery of Nature 0.2.72 — homepage mobile editorial acceptance corrections.
 * Desktop: keep existing Editor+Species duo in two columns; shelf underneath.
 * Mobile: editor -> media -> species, via CSS order, never JS DOM movement.
 * All query results, URLs, audio types and hero/discovery styles untouched.
 */
body.dn-dark-home .home-main .home-editor-media-flow {
  min-width: 0;
}
body.dn-dark-home .home-main .home-editor-media-flow > .home-media-shelf {
  min-width: 0;
  margin-top: clamp(24px, 2.6vw, 38px);
}
@media (max-width: 767px) {
  body.dn-dark-home .home-main .home-editor-media-flow {
    display: flex;
    flex-direction: column;
    min-width: 0;
    margin-top: 26px;
  }
  body.dn-dark-home .home-main .home-editor-media-flow > .home-duo--editor-species {
    display: contents;
  }
  body.dn-dark-home .home-main .home-editor-media-flow .home-editor-picks {
    order: 1;
    margin-top: 0;
  }
  body.dn-dark-home .home-main .home-editor-media-flow > .home-media-shelf {
    order: 2;
    margin-top: 25px;
  }
  body.dn-dark-home .home-main .home-editor-media-flow .home-species {
    order: 3;
    margin-top: 26px;
  }
  /* Science: the four existing articles become compact legible photo+title rows.
   * Full original titles remain displayed, no line-clamp or post count change. */
  body.dn-dark-home .home-main .home-science__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }
  body.dn-dark-home .home-main .home-science__grid > .story-card {
    display: grid;
    grid-template-columns: clamp(102px, 31vw, 132px) minmax(0, 1fr);
    align-items: stretch;
    min-height: 98px;
    border-color: rgba(181, 215, 167, .16);
    background: linear-gradient(110deg, #182a1e, #111e16 88%);
    border-radius: 9px;
  }
  body.dn-dark-home .home-main .home-science__grid > .story-card .story-card__media {
    height: 100%;
    min-height: 98px;
    aspect-ratio: auto;
    border-radius: 8px 0 0 8px;
  }
  body.dn-dark-home .home-main .home-science__grid > .story-card .story-card__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 11px 12px;
  }
  body.dn-dark-home .home-main .home-science__grid > .story-card .story-card__title {
    font-size: clamp(.91rem, 3.85vw, 1.035rem);
    line-height: 1.31;
    overflow-wrap: break-word;
    hyphens: auto;
    text-wrap: pretty;
  }
  body.dn-dark-home .home-main .home-science__grid > .story-card .story-card__excerpt {
    display: none;
  }
  /* Active letters have a visible role; disabled letters remain non-links. */
  body.dn-dark-home .home-main .home-species__alphabet a {
    background: #223b29;
    border-color: rgba(188, 226, 170, .41);
    color: #edf7e6;
  }
  body.dn-dark-home .home-main .home-species__alphabet span {
    opacity: 1;
    color: #8da38a;
    background: #101c14;
    border-color: rgba(183, 214, 171, .11);
  }
  body.dn-dark-home .home-main .home-species__alphabet-hint {
    margin-top: 10px;
    color: #d5e5ce;
    font-size: .77rem;
  }
  /* Quote is retained, but no third large photo block or repeated brand label. */
  body.dn-dark-home .home-main .home-community__quote {
    min-height: 0;
    padding: 9px 15px;
    background: #15251b;
  }
  body.dn-dark-home .home-main .home-community__quote-media {
    display: none;
  }
  body.dn-dark-home .home-main .home-community__quote--media::after {
    display: none;
  }
  body.dn-dark-home .home-main .home-community__quote blockquote {
    font-size: .83rem;
    line-height: 1.35;
    font-style: italic;
    color: #d1dfca;
  }
  body.dn-dark-home .home-main .home-community__quote p {
    display: none;
  }
}
@media (max-width: 359px) {
  body.dn-dark-home .home-main .home-science__grid > .story-card {
    grid-template-columns: 100px minmax(0, 1fr);
  }
  body.dn-dark-home .home-main .home-science__grid > .story-card .story-card__title {
    font-size: .89rem;
  }
  body.dn-dark-home .home-main .home-science__grid > .story-card .story-card__body {
    padding: 9px 10px;
  }
}