/* Bestiolarium V55 — fiche espèce, déclinaison "Mode sombre élégant" */
.n4-species-page{max-width:1360px;margin:auto;padding:30px 22px 70px}.n4-breadcrumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.n4-breadcrumb a{color:#c3c9cc}.n4-breadcrumb span{color:#556168}.n4-breadcrumb b{color:var(--accent);font-weight:800}.n4-species-title{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:23px 0 18px;border-bottom:1px solid var(--line)}.n4-species-title h1{font-size:clamp(42px,5vw,72px);line-height:.95;letter-spacing:-.06em;margin:0 0 7px}.n4-species-title p{margin:0 0 12px;color:var(--muted);font:italic 14px Georgia,serif}.detail-tags{display:flex;gap:6px;flex-wrap:wrap}.detail-tags span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#cbd1d4}.detail-tags span:last-child{color:var(--accent);border-color:rgba(255,90,54,.3);background:var(--accent-soft)}.n4-heart{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--panel);font-size:22px;color:#fff;flex:none}.n4-heart:hover{border-color:var(--accent);color:var(--accent)}
.n4-species-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.7fr);gap:12px;padding:14px 0 0}.n4-species-media{min-width:0}.n4-main-photo{height:580px;position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#252f34,#101619 70%);background-size:cover;background-position:center}.n4-main-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,4,5,.64),transparent 36%),linear-gradient(90deg,rgba(2,4,5,.12),transparent 26%)}.n4-main-photo>span{position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font-size:50px}.photo-credit{position:absolute;z-index:2;left:14px;bottom:13px;padding:7px 9px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:rgba(7,10,12,.76);backdrop-filter:blur(8px);font-size:8px;color:#cbd2d4}.n4-photo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px}.n4-photo-strip a{border:1px solid var(--line);border-radius:9px;overflow:hidden}.n4-photo-strip img{width:100%;height:78px;object-fit:cover}.n4-species-brief{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:24px;display:flex;flex-direction:column}.n4-species-brief .eyebrow{color:var(--accent)}.n4-species-brief .lead{font-size:14px;line-height:1.6;color:#d7dcde;margin:14px 0 20px}.n4-species-brief dl{margin:0 0 18px;border-top:1px solid var(--line)}.n4-species-brief dl>div{display:grid;grid-template-columns:82px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line-soft)}.n4-species-brief dt{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.n4-species-brief dd{margin:0;font-size:10px;font-weight:700}.n4-species-brief .btn{margin-top:auto;border-radius:10px}.n4-species-tabs{display:flex;gap:5px;margin:14px 0 0;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:auto;position:sticky;top:78px;z-index:50;backdrop-filter:blur(12px)}.n4-species-tabs a{white-space:nowrap;padding:8px 10px;border-radius:8px;font-size:9px;color:var(--muted)}.n4-species-tabs a:hover,.n4-species-tabs a.is-active{background:var(--accent-soft);color:var(--accent)}
.n4-species-content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;padding:48px 0 22px}.n4-species-content article{border-top:1px solid var(--line);padding-top:22px}.n4-species-content article h2,.n4-paper-card h2,.section-head-mini h2,.n4-gallery-section h2,.n4-related h2,.n4-sources h2{font-size:clamp(28px,3.4vw,44px);line-height:1;letter-spacing:-.05em;margin:10px 0 16px}.n4-species-content article p{font-size:13px;line-height:1.75;color:#aab4b8;max-width:820px}.n4-note-illustration{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#12191d,#0b1013);padding:24px;display:flex;align-items:center;gap:14px}.n4-note-illustration img{width:115px;filter:grayscale(1) invert(1);opacity:.28}.n4-note-illustration span{font-size:13px;line-height:1.7;color:#c9d0d2;font-style:italic}.n4-species-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 0 28px}.n4-paper-card{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:26px}.n4-paper-card h2{font-size:34px}.n4-paper-card h3{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin:20px 0 7px}.n4-paper-card p{color:var(--muted);font-size:11px;line-height:1.72}.n4-checklist{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:7px}.n4-checklist li{position:relative;padding:11px 12px 11px 35px;border:1px solid var(--line-soft);border-radius:10px;background:#0a0f12;font-size:10px;line-height:1.45}.n4-checklist li:before{content:"✓";position:absolute;left:12px;top:10px;color:var(--accent);font-weight:900}
.n4-observe-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:12px;padding:0 0 12px}.n4-observe-card{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:22px;min-width:0}.section-head-mini{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:15px}.section-head-mini h2{font-size:34px;margin-bottom:0}.n4-pill{padding:6px 10px;border-radius:999px;background:var(--accent-soft);border:1px solid rgba(255,90,54,.28);color:var(--accent);font-size:8px;font-weight:800}.n4-range-map-real{position:relative;margin-bottom:11px}.n4-gbif-map{width:100%;height:430px;border:1px solid var(--line);border-radius:12px;background:#0b1013;overflow:hidden;position:relative;z-index:0}.n4-gbif-map .leaflet-container{font-family:var(--sans);background:#11181c}.n4-gbif-map .leaflet-control-zoom a{color:#eef1ef;background:#101619;border-color:#263138}.n4-gbif-map .leaflet-control-attribution{font-size:7px;background:rgba(10,15,18,.82);color:#8f9a9f}.n4-gbif-map .leaflet-control-attribution a{color:var(--accent)}.n4-gbif-map .leaflet-tile-pane{filter:saturate(.45) brightness(.58) contrast(1.18)}.n4-gbif-map .leaflet-overlay-pane{filter:none}.n4-map-loading,.n4-map-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;color:var(--muted);background:#0c1215}.n4-map-loading>span{width:28px;height:28px;border:2px solid #2c363b;border-top-color:var(--accent);border-radius:50%;animation:n4MapSpin .85s linear infinite;margin-bottom:10px}.n4-map-loading strong,.n4-map-error strong{font-size:15px;color:#fff}.n4-map-loading small,.n4-map-error span{font-size:8px;margin-top:6px;max-width:310px;line-height:1.5}@keyframes n4MapSpin{to{transform:rotate(360deg)}}.n4-map-legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:0 0 10px;font-size:8px;color:var(--muted)}.n4-map-legend span{display:inline-flex;gap:6px;align-items:center}.n4-map-legend i{width:8px;height:8px;border-radius:50%;background:var(--accent)}.n4-map-legend .n4-gbif-status{margin-left:auto}.n4-map-legend .n4-gbif-status.is-error{color:var(--danger)}.n4-observe-card>p{color:var(--muted);font-size:10px;line-height:1.7}.n4-local-note{padding:11px;border-left:2px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0}.n4-world-box,.n4-habitats-box{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.n4-world-box h3,.n4-habitats-box h3{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#d5dcde;margin:0 0 7px}.n4-month-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:12px}.n4-month{height:46px;border:1px solid var(--line);border-radius:8px;background:#0a0f12;display:grid;place-items:center}.n4-month span{font-size:9px;color:#667279;font-weight:800}.n4-month.is-active{background:var(--accent);border-color:var(--accent)}.n4-month.is-active span{color:#160907}.n4-season-caption{margin:8px 0 18px!important}.n4-habitat-tags{display:flex;flex-wrap:wrap;gap:6px}.n4-habitat-tags span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;background:#0a0f12;font-size:8px;color:#bdc6c9}.n4-gbif-caution{margin:0 0 28px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#0a0f12;font-size:8px;line-height:1.6;color:var(--muted)}.n4-gbif-caution a{color:var(--accent);font-weight:800}
.n4-gallery-section{padding:38px 0;border-top:1px solid var(--line)}.n4-gallery-section .section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.n4-gallery-section .section-head p{max-width:290px;color:var(--muted);font-size:9px}.species-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.gallery-item{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.gallery-item img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-item figcaption{padding:9px 10px;display:flex;flex-direction:column;gap:2px;font-size:8px;color:var(--muted)}.gallery-item figcaption strong{color:#fff}.db-gallery .gallery-main{grid-column:span 2;grid-row:span 2}.db-gallery .gallery-main img{height:100%;aspect-ratio:auto}.gallery-empty{padding:30px;border:1px dashed #3a454b;border-radius:12px;text-align:center;color:var(--muted);font-size:10px}.n4-related{padding:34px 0;border-top:1px solid var(--line)}.n4-related .section-head{margin-bottom:14px}.n4-related .species-grid{grid-template-columns:repeat(4,1fr);gap:8px}.n4-related .species-photo{height:160px}.n4-related .species-body{padding:11px}.n4-sources{padding:34px 0;border-top:1px solid var(--line)}.n4-sources>div{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.n4-sources a{display:flex;justify-content:space-between;gap:12px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:9px}.n4-sources a span{color:var(--accent)}
@media(max-width:900px){.n4-species-main{grid-template-columns:1fr}.n4-main-photo{height:460px}.n4-species-brief .btn{margin-top:12px}.n4-species-content{grid-template-columns:1fr}.n4-note-illustration{min-height:170px}.n4-species-columns{grid-template-columns:1fr}.n4-observe-grid{grid-template-columns:1fr}.species-gallery{grid-template-columns:1fr 1fr}.n4-related .species-grid{grid-template-columns:1fr 1fr}.n4-sources>div{grid-template-columns:1fr}.n4-species-tabs{top:72px}}
@media(max-width:680px){.n4-species-page{padding:19px 12px 34px}.n4-species-title{align-items:flex-start}.n4-species-title h1{font-size:42px}.n4-heart{width:40px;height:40px}.n4-main-photo{height:340px;border-radius:14px}.n4-photo-strip img{height:62px}.n4-species-brief{padding:17px;border-radius:14px}.n4-species-tabs{top:68px;margin-inline:-2px}.n4-species-tabs a{padding:7px 8px}.n4-species-content{padding-top:30px}.n4-species-content article h2,.n4-paper-card h2,.section-head-mini h2,.n4-gallery-section h2,.n4-related h2,.n4-sources h2{font-size:28px}.n4-note-illustration{padding:18px}.n4-note-illustration img{width:82px}.n4-paper-card,.n4-observe-card{padding:17px}.n4-month-grid{grid-template-columns:repeat(4,1fr)}.n4-gbif-map{height:335px}.n4-map-legend .n4-gbif-status{margin-left:0;flex-basis:100%}.species-gallery{grid-template-columns:1fr 1fr}.db-gallery .gallery-main{grid-column:1/-1;grid-row:auto}.n4-related .species-photo{height:120px}}
