/* Visual consistency: WILDNOTE original 5-section editorial layout */
:root{--wn12-deep:#203d32;--wn12-cream:#eff0e9}
.wn12-editorial-story{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);background:#fff;border:1px solid #dce3d9;margin:18px 0 24px;overflow:hidden;align-items:stretch}
.wn12-editorial-story:nth-child(even){grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
.wn12-editorial-story:nth-child(even)>.wn12-figure{grid-column:1;grid-row:1}
.wn12-editorial-story:nth-child(even)>.wn12-editorial-copy{grid-column:2;grid-row:1}
.wn12-editorial-copy{padding:33px 34px 36px;min-width:0}
.wn12-editorial-copy h3{font-size:clamp(21px,2.3vw,29px);letter-spacing:-.045em;line-height:1.45;margin:13px 0}
.wn12-editorial-copy .feature-summary{font-size:14px;line-height:2;color:#58685c}
.wn12-editorial-copy details{margin-top:22px}
.wn12-figure{margin:0;min-width:0;position:relative;display:flex;flex-direction:column;background:#243e36}
.wn12-image-frame{position:relative;min-height:245px;flex:1;overflow:hidden;background:linear-gradient(138deg,#4d705b,#203c36 68%,#24342e);}
.wn12-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}
.wn12-photo.wn12-ready{opacity:1}
.wn12-photo-loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px;color:#e7ebdf;font-family:Georgia,serif;letter-spacing:.2em;font-size:12px;padding:20px;text-shadow:0 1px 2px #15221980}
.wn12-photo-loading span{color:#c2cbaa}
.wn12-photo-loading.is-loaded{display:none}
.wn12-photo-loading.is-unavailable{font-size:0}
.wn12-photo-loading.is-unavailable:after{content:'写真を取得できませんでした';font:500 12px/1.8 system-ui,sans-serif;letter-spacing:normal}
.wn12-figure figcaption{display:flex;gap:9px;flex-wrap:wrap;align-items:center;justify-content:space-between;background:#f3f6f1;color:#617063;font-size:10px;line-height:1.65;padding:8px 13px}
.wn12-figure figcaption a{color:#3e5c43;font-size:10px;text-decoration:underline;text-underline-offset:2px}
.wn12-family-item>.wn12-figure{width:100%;height:auto;max-width:none}
.wn12-family-item .wn12-image-frame{min-height:200px;aspect-ratio:1.55}
.wn12-family-item .family-content{min-width:0}
.wn12-family-link,.wn12-deep-link{display:inline-flex;align-items:center;font-size:12px;color:#43684e;margin:15px 0 3px;text-decoration:underline;text-underline-offset:4px;font-weight:700}
.wn12-small-family{padding-bottom:68px;border-bottom:1px solid #dde5d8}
.wn12-species-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:26px}
.wn12-species-tile{min-width:0;display:flex;flex-direction:column;background:white;border:1px solid #dee5d9;overflow:hidden}
.wn12-species-tile>.wn12-figure{background:#244135}
.wn12-species-tile>.wn12-figure .wn12-image-frame{aspect-ratio:1.1;min-height:0}
.wn12-species-tile .wn12-figure figcaption{display:none}
.wn12-species-tile>span{display:block;padding:13px 12px;font-size:13px;font-weight:750;letter-spacing:-.02em}
.wn12-species-tile:hover{border-color:#71977c}
.wn12-explore{background:#e9efe7;border:1px solid #d5e1d3;padding:47px 48px;margin:40px 0 70px}
.wn12-explore h2{font-size:clamp(28px,3.3vw,40px);line-height:1.4;letter-spacing:-.06em;margin:15px 0 7px}
.wn12-explore>p{font-size:14px;color:#576958;margin:0 0 25px;line-height:2}
.wn12-explore-link{display:inline-flex;align-items:center;padding:14px 22px;font-weight:750;color:#fff!important;background:#214936;font-size:13px}
.wn12-explore-link:hover{background:#38624a}
/* For older figures now filled from verified source-category images, retain their photo geometry. */
.photo-frame,.wn-photo-stage,.v10-imgwrap,.picture{position:relative}
.photo-frame img[data-wn-photo],.wn-photo-stage img[data-wn-photo],.v10-imgwrap img[data-wn-photo],.picture img[data-wn-photo]{opacity:0;transition:opacity .35s;object-fit:cover;width:100%;height:100%}
.photo-frame img[data-wn-photo].wn12-ready,.wn-photo-stage img[data-wn-photo].wn12-ready,.v10-imgwrap img[data-wn-photo].wn12-ready,.picture img[data-wn-photo].wn12-ready{opacity:1}
.picture .wn12-figure{width:100%;height:100%;position:absolute;inset:0;background:transparent}
.picture .wn12-figure .wn12-image-frame{height:100%}
.species-hero .wn12-figure figcaption{display:none}
/* Existing older media include fixed fallback background art while photo arrives. */
.wn12-species-gallery .wn12-photo-loading{font-size:9px;letter-spacing:.08em}
/* Align generic chapters 01-05 of new collections with the original whale/elephant editorial template. */
.v10-site>.container.v10-reading .article-section{padding:72px 0;border-bottom:1px solid #dce5db}
.v10-site>.container.v10-reading .intro-layout{padding:74px 0}
.v10-site>.container.v10-reading .article-section-title{margin-bottom:28px}
.v10-site .v10-sources{border-top:1px solid #dce5db;padding:62px 0 80px}
.v10-site .v10-sources .v10-kicker{color:#678369}
.v10-site .v10-sources .v10-section-head{margin-bottom:22px}
@media(max-width:900px){.wn12-species-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.wn12-editorial-story,.wn12-editorial-story:nth-child(even){grid-template-columns:1fr}.wn12-editorial-story:nth-child(even)>.wn12-figure,.wn12-editorial-story:nth-child(even)>.wn12-editorial-copy{grid-column:auto;grid-row:auto}.wn12-editorial-story>.wn12-figure{grid-row:1!important}.wn12-editorial-copy{padding:25px 26px}.wn12-image-frame{min-height:260px}}
@media(max-width:600px){.wn12-species-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wn12-explore{padding:31px 24px;margin:30px 0 45px}.wn12-small-family{padding-bottom:40px}.wn12-image-frame{min-height:218px}.wn12-family-item .wn12-image-frame{min-height:195px}}
.wn12-photo-portal{position:absolute;z-index:3;inset:0;display:block}
.wn12-photo-portal:focus-visible{outline:3px solid #f0d48a;outline-offset:-5px}
.wn12-photo-portal:hover{box-shadow:inset 0 0 0 3px #e4ead2bb}
/* The image loader is deliberately limited to visual picture frames. */
.v10-imgwrap>.wn12-photo-loading,.wn-photo-stage>.wn12-photo-loading,.photo-frame>.wn12-photo-loading{z-index:1}
.v10-imgwrap img.wn12-ready+.wn12-photo-loading,.photo-frame img.wn12-ready+.wn12-photo-loading{display:none}


/* WILDNOTE 13 — compact, consistent group / species navigation */
.wn13-family{padding-bottom:64px!important}
.wn13-family .article-section-title{margin-bottom:23px!important}
.wn13-tile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:start}
.wn13-family-grid:has(.wn13-tile:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
.wn13-family-grid:has(.wn13-tile:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
.wn13-tile{min-width:0;position:relative;background:#fff;border:1px solid #dfe5dd;overflow:hidden;transition:border-color .2s ease,transform .2s ease}
.wn13-tile:hover{border-color:#6b9478;transform:translateY(-2px)}
.wn13-tile-link{display:block;color:#1d3429!important;text-decoration:none!important;min-width:0}
.wn13-tile-media{display:block;position:relative;aspect-ratio:1.38;overflow:hidden;background:linear-gradient(145deg,#466557,#1f4033)}
.wn13-tile-image.wn12-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0}
.wn13-tile-image.wn12-ready{opacity:1}
.wn13-photo-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:500 10px/1.8 system-ui,sans-serif;letter-spacing:.11em;color:#e3ebd9;text-align:center;padding:12px}
.wn13-tile.wn13-loaded .wn13-photo-placeholder{display:none}
.wn13-tile.wn13-unavailable .wn13-photo-placeholder{font-size:0}
.wn13-tile.wn13-unavailable .wn13-photo-placeholder::before{content:'写真を表示できませんでした';font-size:11px;letter-spacing:normal}
.wn13-tile-label{display:flex;gap:4px;align-items:baseline;justify-content:space-between;font-weight:720;font-size:13px;line-height:1.55;min-height:48px;padding:12px 11px 9px;letter-spacing:-.03em}
.wn13-tile-label span{flex:0 0 auto;color:#64896d}
.wn13-subname{font-size:11px;display:block;opacity:.7;padding:0 12px 8px}
.wn13-credit{display:block;border-top:1px solid #f0f2ef;color:#57755e!important;padding:7px 10px;font-size:9px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none!important}
.wn13-credit:hover{text-decoration:underline!important}
.wn13-explore{background:#e9efe7;border:1px solid #d5e1d3;padding:40px 40px 38px;margin:42px 0 68px}
.wn13-explore .section-kicker{margin-bottom:12px}
.wn13-explore h2{font-size:clamp(27px,3vw,38px);letter-spacing:-.055em;line-height:1.4;margin:4px 0 6px}
.wn13-explore p{font-size:13px;color:#58705b;line-height:1.9;margin:0 0 24px}
.wn13-explore-grid{gap:11px}
.wn13-explore-grid .wn13-tile-media{aspect-ratio:1.3}
.wn13-explore-grid .wn13-tile-label{padding:10px 10px 7px;font-size:12px;min-height:42px}
.wn13-browse-all{margin-top:21px}
@media(max-width:880px){.wn13-tile-grid,.wn13-family-grid:has(.wn13-tile:nth-child(4):last-child),.wn13-family-grid:has(.wn13-tile:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:570px){.wn13-tile-grid,.wn13-family-grid:has(.wn13-tile:nth-child(4):last-child),.wn13-family-grid:has(.wn13-tile:nth-child(3):last-child){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wn13-family{padding-bottom:40px!important}.wn13-explore{padding:26px 18px;margin:28px 0 45px}.wn13-tile-label{font-size:12px;padding:9px 9px 6px;min-height:44px}.wn13-explore p{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.wn13-tile,.wn13-tile-image{transition:none!important}}