/* Long-form features: preserve original photos, captions, sources and licenses. */
.article-details { overflow-wrap:anywhere; }
.article-intro { align-items:center; }
.article-intro-copy { max-width:38rem; }
.article-title { font-size:clamp(36px,3.7vw,52px); font-weight:500; letter-spacing:.01em; margin-bottom:18px; }
.article-lead { color:var(--editorial-muted); font-size:1.125rem; line-height:1.8; margin-bottom:20px; }
.article-byline { color:var(--editorial-muted); font-size:14px; line-height:1.9; margin-top:20px; border-top:1px solid var(--editorial-line); padding-top:16px; }
.article-byline > span { display:block; }
.article-taxa { margin-top:24px; }
.article-taxa-label { color:var(--editorial-muted); font-size:.875rem; font-weight:500; margin-bottom:8px; }
.article-taxa-links { display:flex; flex-direction:column; gap:10px; }
.article-taxon-item { display:flex; align-items:center; flex-wrap:wrap; gap:6px 12px; }
.article-taxon-item .tag { min-height:44px; font-size:.875rem; }
.article-beetle-link { display:inline-flex; align-items:center; flex-wrap:wrap; gap:6px; min-height:44px; color:var(--editorial-ink); font-size:.9rem; }
.article-taxon-label { color:var(--editorial-muted); font-size:.875rem; margin:12px 0 0; }
.article-hero-photo,.article-story-photo { margin:0; }
.article-hero-photo > a,.article-story-photo > a { display:flex; align-items:center; justify-content:center; aspect-ratio:4/3; max-height:480px; background:var(--editorial-paper); overflow:hidden; }
.article-hero-photo img,.article-story-photo img { width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; background:var(--editorial-paper); display:block; }
.article-hero-photo figcaption,.article-story-photo figcaption { color:var(--editorial-muted); font-size:.875rem; line-height:1.6; padding-top:12px; }
.article-photo-credit { display:block; }
.article-photo-empty { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:15rem; padding:32px; text-align:center; color:var(--editorial-muted); border:1px dashed var(--editorial-line); }
.article-photo-empty i { color:var(--editorial-forest); font-size:2rem; margin-bottom:10px; }
.article-copy { margin:clamp(32px,5vw,52px) auto 0; max-width:44em; font-size:1.0625rem; line-height:1.85; }
.article-content-section { padding-block:24px; scroll-margin-top:calc(var(--header-h) + 16px); }
.article-content-section + .article-content-section { border-top:1px solid var(--editorial-line); }
.article-content-section h2,.article-photo-section h2,.article-source h2 { font-size:28px; margin-bottom:14px; }
.article-content-section h3 { font-size:1.125rem; margin:22px 0 10px; }
.article-content-section p { max-width:68ch; white-space:pre-wrap; }
.article-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; border-top:1px solid var(--editorial-forest); margin:0; padding:8px 0; }
.article-facts > div { padding:12px 0; }
.article-facts > div:last-child,.article-facts > div:nth-last-child(2):nth-child(odd) { border-bottom:0; }
.article-facts dt { color:var(--editorial-muted); font-size:.875rem; font-weight:500; }
.article-facts dd { color:var(--editorial-ink); font-weight:500; margin:4px 0 0; white-space:pre-wrap; }
.article-timeline-wrap { border-block:1px solid var(--editorial-line); }
.article-timeline { border-collapse:collapse; margin:0; width:100%; }
.article-timeline th,.article-timeline td { border-bottom:1px solid var(--editorial-line); padding:12px 14px; text-align:left; vertical-align:top; }
.article-timeline th { background:var(--editorial-paper); color:var(--editorial-ink); font-size:.875rem; }
.article-timeline th:first-child { width:25%; }
.article-timeline td:first-child { color:var(--editorial-muted); }
.article-timeline td { white-space:pre-wrap; }
.article-timeline tbody tr:last-child td { border-bottom:0; }
.article-editorial-note { border-left:3px solid var(--editorial-amber); margin:24px 0; padding:16px 18px; }
.article-editorial-note h2 { color:var(--amber-text); }
.article-editorial-note p { color:var(--editorial-muted); white-space:pre-wrap; }
.article-photo-section { border-top:1px solid var(--editorial-line); margin-top:20px; padding-top:28px; }
.article-story-photos { display:grid; gap:32px; }
.article-story-photo { margin-inline:auto; max-width:34.5rem; width:100%; }
.article-original { border-block:1px solid var(--editorial-line); margin-top:36px; padding-block:8px; }
.article-original summary { color:var(--editorial-forest); cursor:pointer; font-weight:500; min-height:44px; padding-block:8px; }
.article-original-body { color:var(--editorial-muted); margin-top:16px; white-space:pre-wrap; }
.article-source { border-top:1px solid var(--editorial-line); color:var(--editorial-muted); font-size:14px; margin-top:36px; padding-top:24px; }
.article-source h2 { color:var(--editorial-ink); }
.article-source p { white-space:pre-wrap; }
.article-related { border-top:1px solid var(--editorial-line); margin-top:clamp(48px,6vw,80px); padding-top:clamp(32px,4vw,48px); }
@media(max-width:767.98px) {
 .article-title { font-size:clamp(28px,6vw,36px); }
 .article-facts { grid-template-columns:minmax(0,1fr); }
 .article-facts > div:nth-last-child(-n+2) { border-bottom:0; }
 .article-facts > div:last-child { border-bottom:0; }
 .article-timeline th,.article-timeline td { padding:10px 12px; }
}