/* Nature surfaces keep the guide's reading rhythm while giving the archive a
   field-notebook register: quiet rows, scientific type, and visible sources. */
.nature-page main { padding-top:var(--s-7); }
.nature-heading { max-width:var(--measure); padding-bottom:var(--s-6); }
.nature-heading h1 { margin-bottom:var(--s-4); }
.nature-directory-layout { display:grid; grid-template-columns:minmax(0,7fr) minmax(0,4fr); gap:var(--col-gap); align-items:start; }
.nature-directory-apparatus { grid-column:auto; }
.nature-directory { border-top:2px solid var(--rule-strong); padding-top:var(--s-5); }
.nature-toolbar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--s-4); align-items:end; }
.nature-search { grid-column:1/-1; }
.nature-search label, .nature-filter { display:grid; gap:var(--s-2); font:600 var(--t-dense)/var(--lh-dense) var(--sans); color:var(--ink-2); }
.nature-search input { margin-top:0; }
.nature-filter>span:first-child { min-height:var(--hit); display:flex; align-items:center; }
.nature-reset { grid-column:1/-1; justify-self:start; white-space:nowrap; }
.nature-directory-summary { display:flex; align-items:baseline; justify-content:space-between; gap:var(--s-4); border-bottom:1px solid var(--rule); padding:var(--s-7) 0 var(--s-3); }
.nature-directory-summary h2 { margin:0; }
.nature-directory-summary p { margin:0; color:var(--ink-2); font:var(--t-dense)/var(--lh-dense) var(--sans); }
.nature-list { border-top:0; }
.nature-row { display:grid; grid-template-columns:minmax(0,1fr) var(--hit); gap:var(--s-4); align-items:center; position:relative; }
.nature-row:has(.nature-image) { grid-template-columns:minmax(0,1fr) minmax(0,2fr) var(--hit); }
.nature-row-main { min-width:0; }
.nature-row a { display:flex; align-items:baseline; flex-wrap:wrap; gap:var(--s-3); width:100%; }
.nature-row .nature-scientific { font-style:italic; }
.nature-row .nature-common { font:600 var(--t-sub)/var(--lh-head) var(--sans); color:var(--celeste); }
.nature-row p { margin:var(--s-2) 0 0; font:var(--t-dense)/var(--lh-dense) var(--sans); color:var(--ink-2); }
.nature-row .nature-row-meta { color:var(--ink-3); }
.nature-row-arrow { justify-self:end; color:var(--celeste); font:var(--t-sub)/1 var(--sans); transition:transform var(--dur) var(--ease); }
.nature-row:hover .nature-row-arrow { transform:translateX(var(--s-2)); }
.nature-image { margin:0; background:var(--lime-sunken); border-bottom:var(--zocalo-h) solid var(--zocalo-band); }
.nature-image img { display:block; width:100%; height:auto; aspect-ratio:4 / 3; object-fit:cover; }
.nature-image figcaption { padding:var(--s-2) var(--s-3); color:var(--ink-3); font:var(--t-dense)/var(--lh-dense) var(--sans); }
.nature-empty { padding:var(--s-6) 0; border-bottom:1px solid var(--rule); }
.nature-empty p { margin:0 0 var(--s-4); }
.nature-detail-heading { max-width:var(--measure); padding-bottom:var(--s-6); }
.nature-detail-heading h1 { margin-bottom:var(--s-3); }
.nature-common-heading { color:var(--celeste); font:600 var(--t-sub)/var(--lh-head) var(--sans); }
.nature-image-detail { margin:0 0 var(--s-6); max-width:var(--measure); }
.nature-image-detail img { aspect-ratio:16 / 9; }
.nature-facts { margin:0; }
.nature-fact { padding:var(--s-3) 0; border-bottom:1px solid var(--rule); }
.nature-fact dt { color:var(--ochre); font:700 var(--t-label)/var(--lh-dense) var(--sans); letter-spacing:var(--track-label); text-transform:uppercase; }
.nature-fact dd { margin:var(--s-1) 0 0; color:var(--ink); font:var(--t-body)/var(--lh-body) var(--serif); }
.nature-sources { padding-left:var(--s-5); margin:0 0 var(--s-5); }
.nature-sources li { padding:var(--s-2) 0; color:var(--ink-2); font:var(--t-dense)/var(--lh-dense) var(--sans); }
.nature-sources a { color:var(--celeste); }
.nature-provenance-note { color:var(--ink-2); font:var(--t-dense)/var(--lh-dense) var(--sans); }
@media (max-width:850px) {
 .nature-page main { padding-top:var(--s-5); }
 .nature-directory-layout { display:block; }
 .nature-toolbar { grid-template-columns:1fr 1fr; gap:var(--s-4); }
 .nature-search { grid-column:1/-1; }
 .nature-row:has(.nature-image) { grid-template-columns:minmax(0,1fr) minmax(0,2fr) var(--hit); }
 .nature-row a { gap:var(--s-2); }
 .nature-row .nature-common { font-size:var(--t-dense); }
}
@media (max-width:500px) {
 .nature-toolbar { grid-template-columns:1fr; }
 .nature-filter>span:first-child { min-height:0; }
 .nature-directory-summary { display:block; }
 .nature-directory-summary p { margin-top:var(--s-2); }
 .nature-row { grid-template-columns:minmax(0,1fr) var(--hit); gap:var(--s-2); }
 .nature-row:has(.nature-image) { grid-template-columns:var(--s-9) minmax(0,1fr) var(--hit); gap:var(--s-2); }
 .nature-directory-apparatus { margin-top:var(--s-7); }
 .nature-row:has(.nature-image) .nature-image img { aspect-ratio:1; }
}

.nature-intro { display:grid; grid-template-columns:7fr 4fr; align-items:center; gap:var(--col-gap); padding-bottom:var(--s-6); }
.nature-scene { margin:0; border-bottom:var(--zocalo-h) solid var(--zocalo-band); }
.nature-scene img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.nature-scene figcaption { padding:var(--s-2) 0; font:var(--t-dense)/var(--lh-dense) var(--sans); color:var(--ink-3); }
@media(max-width:850px) { .nature-intro { grid-template-columns:1fr; } .nature-heading { padding-bottom:0; } .nature-scene img { aspect-ratio:16/9; } }