/* Article index and species-related records. */
.record-card { height:100%; }
.record-card .card-media { aspect-ratio:4/3; background:var(--editorial-paper); }
.record-card .card-media img { object-fit:contain; }
.record-card .card-title { font-size:1.15rem; line-height:1.55; }
.record-card .card-summary { font-size:1rem; line-height:1.75; }
.record-card .record-card-taxon { color:var(--editorial-muted); font-size:.875rem; overflow-wrap:anywhere; margin-bottom:10px; }
.record-card .card-meta { display:flex; flex-wrap:wrap; gap:6px 16px; font-size:.875rem; }
.record-card-placeholder { aspect-ratio:4/3; display:grid; place-items:center; background:var(--editorial-paper); color:var(--editorial-muted); }
.record-filters .tag { min-height:44px; padding-inline:16px; font-size:.875rem; border:0; border-bottom:1px solid transparent; background:transparent; color:var(--editorial-muted); }
.record-filters .tag[aria-current="page"] { border-bottom-color:var(--editorial-forest); color:var(--editorial-ink); }
.record-species-context { display:flex; justify-content:space-between; align-items:baseline; flex-wrap:wrap; gap:12px 24px; border-bottom:1px solid var(--editorial-line); margin-bottom:24px; padding-bottom:16px; }
.record-species-context > div { display:flex; flex-wrap:wrap; gap:8px 16px; }
.record-species-context a,.records-all-link { display:inline-flex; align-items:center; min-height:44px; }
.records-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:8px 16px; }
.records-intro { color:var(--editorial-muted); font-size:1rem; }
.species-records-jump { display:inline-flex; align-items:center; min-height:44px; margin-bottom:8px; }
.species-section .record-card p { white-space:normal; }
/* A lead feature anchors the asymmetric index; metadata is never clamped. */
.article-reading-list { display:grid; gap:24px 48px; }
.article-reading-item { min-width:0; border-top:1px solid var(--editorial-line); }
.article-reading-item:is(:first-child,.is-page-lead) { border-top-color:var(--editorial-ink); }
.article-reading-list .record-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,3fr); gap:24px; align-items:start; border:0; background:transparent; padding:16px 0 24px; }
.article-reading-list .record-card .card-body { min-width:0; padding:0; }
.article-reading-list .record-card .card-title { font-size:clamp(20px,2vw,24px); font-weight:500; }
.article-reading-list .record-card .card-summary { display:block; -webkit-line-clamp:unset; }
.article-reading-item:is(:first-child,.is-page-lead) .record-card { display:block; }
.article-reading-item:is(:first-child,.is-page-lead) .card-title { font-size:clamp(28px,3vw,36px); }
.article-reading-item:is(:first-child,.is-page-lead) .card-body { padding-top:24px; }
@media(max-width:575.98px) {
 .article-reading-item:not(:first-child):not(.is-page-lead) .record-card { grid-template-columns:80px minmax(0,1fr); gap:16px; }
 .article-reading-item:not(:first-child):not(.is-page-lead) .card-media { aspect-ratio:1; }
 .article-reading-item:not(:first-child):not(.is-page-lead) .card-title { font-size:18px; }
 .article-reading-item:not(:first-child):not(.is-page-lead) .card-summary { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
}
@media(min-width:992px) {
 .article-reading-list { grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); align-items:start; }
 .article-reading-item:is(:first-child,.is-page-lead) { grid-row:span 3; }
 .article-reading-list .record-card { grid-template-columns:minmax(0,1fr) minmax(0,2fr); gap:20px; }
}

/* Media type tabs & badges */
.media-type-tabs { display:flex; flex-wrap:wrap; gap:10px; border-bottom:1px solid var(--editorial-line); padding-bottom:14px; }
.media-tab { display:inline-flex; align-items:center; padding:7px 16px; border-radius:9999px; font-size:.875rem; font-weight:500; color:var(--editorial-muted); background:var(--editorial-paper); border:1px solid var(--editorial-line); text-decoration:none; transition:all .18s ease-in-out; }
.media-tab:hover { color:var(--editorial-ink); border-color:var(--editorial-forest); background:var(--surface-sage); }
.media-tab.active { color:var(--editorial-white); background:var(--editorial-forest); border-color:var(--editorial-forest); }
.media-tab.media-tab-video.active { background:var(--editorial-danger, #8d3b2f); border-color:var(--editorial-danger, #8d3b2f); color:#fff; }
.media-tab.media-tab-article.active { background:var(--editorial-forest); border-color:var(--editorial-forest); color:var(--editorial-white); }

/* Card media play overlay */
.card-media-link { position:relative; display:block; width:100%; height:100%; }
.video-play-overlay { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.22); transition:background .2s ease; }
.video-play-overlay i { display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; background:rgba(141,59,47,.9); color:#fff; font-size:1.35rem; padding-left:3px; box-shadow:0 3px 10px rgba(0,0,0,.3); transition:transform .18s ease, background .18s ease; }
.card-media-link:hover .video-play-overlay { background:rgba(0,0,0,.35); }
.card-media-link:hover .video-play-overlay i { transform:scale(1.1); background:var(--editorial-danger, #8d3b2f); }

/* Tag variants */
.tag-video, .tag-crimson { color:var(--editorial-danger, #8d3b2f); border-color:rgba(141,59,47,.3); background:rgba(141,59,47,.08); font-weight:600; }
.tag-sage { color:var(--editorial-forest); border-color:rgba(46,125,50,.25); background:var(--surface-sage); }