/* 0.2.79 — Cinematic ARTICLE READING, existing single.php only.
 * Paint and responsive legibility; article, sources, links, embeds, species, TOC,
 * share/favourite and community remain owned by their existing templates. */
body.dn-dark-article .single-main {
  --don-read-line: var(--don-line);
  --don-read-green: var(--don-accent);
  --don-read-surface: #142319;
  --don-read-shadow: var(--don-shadow-elevated);
  background: radial-gradient(ellipse at 88% 0%,rgba(34,78,44,.12),transparent 36%),#101a13;
}
/* Some articles have no sidebar: the old opening-grid rule would still reserve
 * an empty second column on desktop. Reclaim it without changing content order. */
body.dn-dark-article .article-layout--opening.article-layout--single {
  grid-template-columns:minmax(0,1fr);
}
body.dn-dark-article .article-layout--opening.article-layout--single>.article-prose {
  width:100%;
  max-width:73ch;
  margin-inline:auto;
}
body.dn-dark-article .single-main .article-layout,
body.dn-dark-article .single-main .article-main-column,
body.dn-dark-article .single-main .article-prose,
body.dn-dark-article .single-main .article-sidebar {min-width:0;}
body.dn-dark-article .single-main .article-hero {
  isolation:isolate;
  overflow:hidden;
  border:1px solid var(--don-read-line);
  border-radius:16px;
  background:radial-gradient(ellipse at 75% 18%,#2a4830 0%,#13251a 58%,#0b130e 100%);
  box-shadow:var(--don-read-shadow);
}
body.dn-dark-article .article-hero__media img {object-position:center 38%;}
body.dn-dark-article .article-hero::after {
  background:linear-gradient(0deg,rgba(4,12,7,.97) 0%,rgba(4,12,7,.72) 42%,rgba(4,12,7,.21) 81%,rgba(4,12,7,.28) 100%);
}
body.dn-dark-article .article-hero__media .wikipetsia-media-placeholder {
  background:radial-gradient(ellipse at 72% 35%,#2e5535 0%,#172e20 45%,#09140d 100%);
}
body.dn-dark-article .article-hero__copy {text-shadow:0 2px 18px rgba(0,0,0,.34);}
body.dn-dark-article .article-hero__copy h1 {
  max-width:19ch;
  font-size:clamp(2rem,3.6vw,3.65rem);
  line-height:1.06;
  letter-spacing:-.038em;
  overflow-wrap:break-word;
  text-wrap:balance;
}
body.dn-dark-article .article-hero__copy .eyebrow,
body.dn-dark-article .single-main .eyebrow {color:var(--don-read-green);letter-spacing:.15em;}
body.dn-dark-article .article-hero__copy p {max-width:62ch;font-size:clamp(.92rem,1.2vw,1.06rem);line-height:1.48;}
body.dn-dark-article .article-meta {
  gap:10px 16px;
  margin-top:10px;
  padding:14px 0 16px;
  border-bottom:1px solid var(--don-read-line);
}
body.dn-dark-article .article-meta .discovery-share-btn,
body.dn-dark-article .article-meta .discovery-favorite-btn {
  border-radius:999px;
  border-color:var(--don-read-line);
  background:#1a3021;
  box-shadow:inset 0 1px 0 rgba(229,255,222,.06);
}
body.dn-dark-article .article-meta :is(a,button):focus-visible,
body.dn-dark-article .single-main :is(a,button,summary,input,select,textarea):focus-visible {
  outline:2px solid var(--don-focus-ring);
  outline-offset:3px;
}
/* Reading stays spacious, not a large decorative card. */
body.dn-dark-article .single-main .article-prose {
  max-width:73ch;
  font-size:clamp(1rem,1.03vw,1.085rem);
  line-height:1.79;
  color:#e6eee4;
  overflow-wrap:anywhere;
}
body.dn-dark-article .single-main .article-prose :is(h2,h3,h4) {
  color:#f5f7f1;
  line-height:1.19;
  text-wrap:balance;
}
body.dn-dark-article .single-main .article-prose h2 {
  margin:1.75em 0 .5em;
  padding-bottom:.31em;
  border-bottom:1px solid var(--don-read-line);
}
body.dn-dark-article .article-prose a {text-decoration-thickness:1px;text-underline-offset:.2em;}
body.dn-dark-article .article-prose a:hover {color:#e1ffd0;}
body.dn-dark-article .article-prose :is(figure,img,video,iframe) {max-width:100%;}
body.dn-dark-article .article-prose figure img {
  display:block;
  height:auto;
  border-radius:12px;
  box-shadow:0 12px 30px rgba(0,0,0,.24);
}
body.dn-dark-article .article-prose figcaption {font-size:.82rem;line-height:1.5;color:#c4d2c0;}
body.dn-dark-article .article-prose blockquote {
  border-left:3px solid var(--don-read-green);
  border-radius:0 12px 12px 0;
  background:linear-gradient(90deg,#1c3222 0%,rgba(28,50,34,.28) 100%);
  padding:clamp(14px,2vw,22px);
  color:#e9f4e4;
}
/* Preserve wide tables' horizontal scroll instead of shrinking or clipping facts. */
body.dn-dark-article .article-prose .wp-block-table,
body.dn-dark-article .article-prose > table {max-width:100%;overscroll-behavior-x:contain;}
body.dn-dark-article .article-prose :is(th,td) {line-height:1.5;}
body.dn-dark-article .article-prose th {color:#f1f7eb;background:#223927;}
body.dn-dark-article .article-prose td {background:#16281b;}
/* Section surfaces echo the approved photographic cards, without changing data or order. */
body.dn-dark-article .sidebar-module,
body.dn-dark-article .article-sources {
  border:1px solid var(--don-read-line);
  border-radius:12px;
  background:linear-gradient(155deg,#1b3121,#122017 70%);
  box-shadow:none;
}
body.dn-dark-article .sidebar-module {padding:clamp(12px,1.5vw,19px);}
body.dn-dark-article .sidebar-module__heading,
body.dn-dark-article .article-toc ol,
body.dn-dark-article .article-sources .section-heading,
body.dn-dark-article .article-sources__list>li {border-color:var(--don-read-line);}
body.dn-dark-article .article-toc summary {color:#f3f6ee;}
body.dn-dark-article .article-toc a {text-decoration:none;overflow-wrap:anywhere;}
body.dn-dark-article .article-toc a:hover {color:var(--don-read-green);text-decoration:underline;}
body.dn-dark-article .article-sources {padding:clamp(14px,2vw,24px);}
body.dn-dark-article .article-sources .section-heading h2 {font-size:clamp(1.18rem,1.7vw,1.55rem);line-height:1.2;}
body.dn-dark-article .article-source__title {font-size:clamp(.78rem,.85vw,.92rem);line-height:1.5;overflow-wrap:anywhere;}
body.dn-dark-article .article-source__meta,
body.dn-dark-article .article-source__doi,
body.dn-dark-article .article-source__accessed {font-size:clamp(.69rem,.73vw,.79rem);line-height:1.55;}
body.dn-dark-article .article-related .story-card__media,
body.dn-dark-article .article-sidebar .species-card__media {overflow:hidden;border-radius:11px;}
body.dn-dark-article .article-related .story-card__media img {transition:transform .32s ease;}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  body.dn-dark-article .article-related .story-card:hover .story-card__media img {transform:scale(1.025);}
}
body.dn-dark-article .article-community {
  overflow:hidden;
  border:1px solid var(--don-read-line);
  border-radius:14px;
  box-shadow:var(--don-read-shadow);
}
body.dn-dark-article .article-community__intro {background:#172b1d;}
body.dn-dark-article .article-community__intro>a {min-height:44px;border-radius:999px;}
@media(max-width:959px) {
  body.dn-dark-article .article-layout--opening>.article-prose {max-width:73ch;}
  body.dn-dark-article .article-hero__copy h1 {max-width:23ch;}
}
@media(max-width:767px) {
  body.dn-dark-article .single-main {padding-top:10px;}
  body.dn-dark-article .article-layout--opening .article-hero {
    min-height:clamp(225px,72vw,375px);
    padding:55px 17px 20px;
    border-radius:13px;
  }
  body.dn-dark-article .article-hero__copy h1 {
    max-width:100%;
    font-size:clamp(1.78rem,7vw,2.48rem);
    line-height:1.09;
    letter-spacing:-.03em;
  }
  body.dn-dark-article .article-hero__copy p {display:none;}
  body.dn-dark-article .article-meta {margin-top:6px;margin-bottom:16px;padding:12px 0 14px;}
  body.dn-dark-article .article-prose>p:first-of-type::first-letter {font-size:3.15em;}
  body.dn-dark-article .single-main .article-prose {font-size:1rem;line-height:1.77;}
  body.dn-dark-article .article-prose h2 {font-size:clamp(1.4rem,6vw,1.85rem);}
  body.dn-dark-article .article-prose h3 {font-size:clamp(1.19rem,5vw,1.5rem);}
  body.dn-dark-article .article-sidebar .sidebar-module {padding:14px;}
  body.dn-dark-article .article-related .story-grid--related {gap:0;}
  body.dn-dark-article .article-related .story-card {min-width:0;}
  body.dn-dark-article .article-related .story-card__title {overflow-wrap:anywhere;}
  body.dn-dark-article .article-sources__list>li {min-width:0;}
  body.dn-dark-article .article-community__intro {padding:20px 17px;}
}
@media(max-width:359px) {
  body.dn-dark-article .article-related .story-card {grid-template-columns:88px minmax(0,1fr);gap:10px;}
  body.dn-dark-article .article-hero__copy h1 {font-size:1.67rem;}
}
/* 0.2.92 | Desktop editorial article geometry restoration.
 * The cover belongs above BOTH reading columns; the tools panel begins at
 * the article text and remains visible while scrolling. Mobile untouched.
 * Only ordinary post templates with a rendered sidebar use this two-column mode.
 */
@media (min-width:960px) {
  body.dn-dark-article .single-main .article-layout--opening:not(.article-layout--single) {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(290px,330px);
    grid-template-rows:auto minmax(0,1fr);
    column-gap:clamp(18px,2.2vw,30px);
    row-gap:clamp(18px,2.2vw,30px);
    align-items:start;
  }
  body.dn-dark-article .single-main .article-layout--opening:not(.article-layout--single) > .article-main-column {
    grid-column:1 / -1;
    grid-row:1;
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
  }
  body.dn-dark-article .single-main .article-layout--opening:not(.article-layout--single) .article-hero {
    min-height:clamp(390px,35vw,540px);
  }
  body.dn-dark-article .single-main .article-layout--opening:not(.article-layout--single) > .article-prose {
    grid-column:1;
    grid-row:2;
    width:100%;
    max-width:73ch;
    min-width:0;
    margin:0;
  }
  body.dn-dark-article .single-main .article-layout--opening:not(.article-layout--single) > .article-sidebar--tools {
    grid-column:2;
    grid-row:2;
    position:sticky;
    top:96px;
    align-self:start;
    width:100%;
    max-height:calc(100vh - 112px);
    min-width:0;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(190,231,179,.27) transparent;
  }
}

@media(prefers-reduced-motion:reduce) {
  body.dn-dark-article .article-related .story-card__media img {transition:none;transform:none;}
}


/* 0.2.93 | Article reading rhythm and desktop geometry refinement.
 * Keep the cinematic cover full-width while grouping the reading column and
 * sticky tools panel into a balanced, centered reading row.
 */
body.dn-dark-article .single-main .article-layout--opening:not(.article-layout--single),
body.dn-dark-article .single-main .article-layout--opening.article-layout--single {
  display:block;
}
body.dn-dark-article .single-main .article-main-column {
  width:100%;
  max-width:none;
  margin:0;
}
body.dn-dark-article .single-main .article-reading-grid {
  width:100%;
  max-width:1180px;
  margin:clamp(18px,2vw,28px) auto 0;
  min-width:0;
}
body.dn-dark-article .single-main .article-reading-grid > .article-prose {
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
}
body.dn-dark-article .single-main .article-reading-grid--single {
  max-width:780px;
}
body.dn-dark-article .single-main .article-prose > :first-child {
  margin-top:0 !important;
}
body.dn-dark-article .single-main .article-prose p {
  margin-bottom:.86em;
}
body.dn-dark-article .single-main .article-prose figure {
  margin:1.35em 0;
}
body.dn-dark-article .single-main .article-prose h2 {
  margin:1.38em 0 .42em;
}
body.dn-dark-article .single-main .article-prose h3 {
  margin:1.2em 0 .4em;
}
body.dn-dark-article .single-main .article-sources,
body.dn-dark-article .single-main .article-related,
body.dn-dark-article .single-main .article-community {
  width:100%;
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}
body.dn-dark-article .single-main .article-sources {
  margin-top:clamp(30px,3.2vw,44px);
}
body.dn-dark-article .single-main .article-related {
  margin-top:clamp(30px,3.2vw,46px);
}
body.dn-dark-article .single-main .article-community {
  margin-top:clamp(28px,3vw,42px);
}

@media (min-width:1100px) {
  body.dn-dark-article .single-main .article-reading-grid:not(.article-reading-grid--single) {
    display:grid;
    grid-template-columns:minmax(0, 820px) minmax(290px, 320px);
    gap:clamp(26px,2.4vw,36px);
    align-items:start;
    justify-content:center;
  }
  body.dn-dark-article .single-main .article-reading-grid > .article-sidebar--tools {
    position:sticky;
    top:96px;
    align-self:start;
    width:100%;
    min-width:0;
    max-height:calc(100vh - 112px);
    overflow-y:auto;
    overscroll-behavior-y:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(190,231,179,.27) transparent;
  }
}

@media (min-width:768px) and (max-width:1099px) {
  body.dn-dark-article .single-main .article-reading-grid {
    max-width:820px;
  }
  body.dn-dark-article .single-main .article-reading-grid > .article-sidebar--tools {
    position:static;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin:28px 0 0;
    max-height:none;
    overflow:visible;
  }
  body.dn-dark-article .single-main .article-sidebar .site-registration-cta--compact {
    grid-column:1/-1;
  }
}

@media (max-width:767px) {
  body.dn-dark-article .single-main .article-reading-grid {
    display:block;
    max-width:none;
    margin:0;
  }
  body.dn-dark-article .single-main .article-reading-grid > .article-toc {
    width:100%;
    margin:0 0 16px;
    padding:14px;
  }
  body.dn-dark-article .single-main .article-reading-grid > .article-prose {
    width:100%;
    max-width:none;
  }
  body.dn-dark-article .single-main .article-reading-grid > .article-sidebar--tools {
    position:static;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:10px;
    margin:18px 0 0;
    max-height:none;
    overflow:visible;
  }
  body.dn-dark-article .single-main .article-sidebar .sidebar-module {
    padding:10px 12px;
  }
  body.dn-dark-article .single-main .article-sidebar .site-registration-cta--compact {
    padding:12px;
  }
  body.dn-dark-article .single-main .article-sidebar .site-registration-cta--compact .site-registration-cta__copy > p:last-child {
    display:none;
  }
  body.dn-dark-article .single-main .article-sidebar .site-registration-cta--compact .site-registration-cta__actions {
    margin-top:8px;
  }
  body.dn-dark-article .single-main .article-prose p {
    margin-bottom:.92em;
  }
  body.dn-dark-article .single-main .article-prose figure {
    margin:1.2em 0;
  }
  body.dn-dark-article .single-main .article-prose h2 {
    margin:1.28em 0 .42em;
  }
  body.dn-dark-article .single-main .article-prose h3 {
    margin:1.12em 0 .38em;
  }
  body.dn-dark-article .single-main .article-sources,
  body.dn-dark-article .single-main .article-related,
  body.dn-dark-article .single-main .article-community {
    max-width:none;
    margin-top:28px;
  }
  body.dn-dark-article .single-main .article-community__intro {
    padding:16px 14px;
  }
  body.dn-dark-article .single-main .article-community__visual {
    min-height:132px;
  }
}
