:root{--ink:#203a32;--muted:#68786b;--cream:#f7f2e5;--paper:#fffdf7;--green:#245b47;--leaf:#729765;--yellow:#e9c86d;--orange:#d78250;--line:#e6dfd0;--shadow:0 18px 50px rgba(43,61,45,.09);font-family:"Nunito","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-size:16px;line-height:1.6}button,input,select{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit}.paper-grain{position:fixed;inset:0;pointer-events:none;opacity:.15;z-index:-1;background-image:radial-gradient(#887c5c .65px,transparent .65px);background-size:9px 9px}
.skip-link{position:absolute;left:-10000px;top:8px}.skip-link:focus{left:12px;z-index:20;background:#fff;padding:12px}
.topbar{height:86px;max-width:1220px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{border:0;background:transparent;display:flex;gap:12px;align-items:center;text-align:left;font-size:26px;font-weight:900;line-height:1.05;letter-spacing:-.045em}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#e4eedc;font-size:27px}.brand small{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted);margin-top:5px}.topbar nav{display:flex;gap:10px}.nav-link{border:0;background:transparent;color:#495b4f;font-weight:800;padding:10px 13px;border-radius:18px}.nav-link:hover{background:#e9e5d5}.nav-link b{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:#e1ebd9;color:var(--green);font-size:12px;margin-left:4px}
main{max-width:1220px;margin:auto;padding:0 28px 80px}.hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:36px;min-height:530px;padding:34px 0 54px}.hero-copy{padding:15px 0 20px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#66805c;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #f3dfc8}h1,h2,p{margin-top:0}.hero h1{font-size:clamp(48px,6vw,76px);line-height:1.08;letter-spacing:-.055em;margin:20px 0 18px;font-weight:900;color:#244437}.hero h1 em,h2 em{font-style:normal;color:#c47b4a}.hero-lede{max-width:500px;color:#68776a;font-size:18px;line-height:1.85}.hero-actions{display:flex;gap:12px;margin-top:28px}.button{border:0;border-radius:999px;padding:13px 22px;font-weight:900;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--green);color:#fff;box-shadow:0 8px 18px #245b4730}.button-plain{background:#fffdf7;color:var(--green);border:1px solid #dcd7c6}.button-light{background:#fff4d7;color:#4d573a}.hero-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:27px;color:#79816f;font-size:12px;font-weight:800}
.hero-art{height:420px;position:relative;overflow:hidden;border-radius:46% 46% 28px 28px;background:linear-gradient(#dbe9d2 0 48%,#c0d09a 49% 68%,#e7c671 69%);box-shadow:var(--shadow);border:8px solid #fffdf7}.sun{position:absolute;right:15%;top:12%;width:78px;height:78px;background:#f2c95f;border-radius:50%;box-shadow:0 0 0 14px #f2c95f35}.cloud{position:absolute;width:92px;height:22px;border-radius:50px;background:#fff9e9;opacity:.8}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:38px;height:38px;left:18px;top:-20px}.cloud:after{width:48px;height:46px;right:15px;top:-26px}.cloud-a{left:13%;top:21%}.cloud-b{right:27%;top:32%;transform:scale(.65)}.hill{position:absolute;bottom:-44px;border-radius:50% 50% 0 0}.hill-back{left:-10%;width:120%;height:220px;background:#8eac75;transform:rotate(-4deg)}.hill-front{left:26%;bottom:-88px;width:105%;height:230px;background:#6e9367;transform:rotate(8deg)}.tree{position:absolute;z-index:2;font-size:70px;filter:drop-shadow(0 8px 4px #39583322)}.tree-one{left:10%;bottom:34%}.tree-two{right:8%;bottom:30%;font-size:76px}.hero-animal{position:absolute;z-index:3;filter:drop-shadow(0 8px 5px #31482c2c)}.giraffe-art{font-size:108px;left:42%;bottom:22%;transform:rotate(-4deg)}.elephant-art{font-size:82px;left:15%;bottom:8%;transform:scaleX(-1)}.trail{position:absolute;z-index:4;right:12%;bottom:19%;display:flex;align-items:center;gap:5px;transform:rotate(-11deg)}.trail span{display:grid;place-items:center;width:30px;height:30px;background:#fff9e7;color:#355743;border:2px dashed #9b8251;border-radius:50%;font-size:12px;font-weight:900}.trail i{width:35px;border-top:2px dashed #fff8df}.art-note{position:absolute;z-index:5;left:34%;bottom:7%;color:#fff8df;font-size:12px;font-weight:900;transform:rotate(-3deg)}.stamp{position:absolute;z-index:6;top:10%;left:8%;display:grid;place-content:center;text-align:center;width:68px;height:68px;border:2px solid #fff8df;border-radius:50%;color:#fff8df;line-height:1.2;font-weight:900;font-size:13px;transform:rotate(-12deg)}
.progress-strip{display:flex;align-items:center;gap:30px;padding:19px 23px;background:#fffdf7;border:1px solid #eee7d7;border-radius:20px;box-shadow:0 8px 22px #31482c0c}.progress-label{display:flex;align-items:center;gap:12px;min-width:270px}.progress-icon{display:grid;place-items:center;width:42px;height:42px;background:#f2ebd6;border-radius:14px;font-size:22px}.progress-label strong,.progress-label small{display:block}.progress-label strong{font-size:14px}.progress-label small{font-size:11px;color:var(--muted);margin-top:2px}.progress-meter{display:flex;align-items:center;gap:12px;flex:1}.progress-track{height:10px;flex:1;border-radius:20px;background:#e9e6d9;overflow:hidden}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#7ca16e,#e9c86d);border-radius:inherit;transition:width .35s}.progress-meter strong{font-size:12px;color:#637655;white-space:nowrap}.text-button{border:0;background:transparent;color:#42674e;font-weight:900;padding:8px 10px}.text-button:hover{text-decoration:underline}
.section-block{padding-top:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:26px}.section-heading h2{font-size:clamp(30px,4vw,43px);line-height:1.15;letter-spacing:-.04em;margin:10px 0 0}.section-heading p{max-width:360px;color:var(--muted);margin-bottom:2px}.habitat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.habitat-card{position:relative;overflow:hidden;min-height:194px;padding:21px 20px;border:1px solid #e8e0d0;border-radius:20px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:4px;box-shadow:0 4px 12px #263c2d08;transition:transform .2s,box-shadow .2s}.habitat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.zone-icon{font-size:34px;line-height:1.1;margin-bottom:8px}.zone-number{font-size:10px;letter-spacing:.14em;font-weight:900;opacity:.65}.habitat-card strong{font-size:19px}.habitat-card>span:last-of-type{font-size:12px;color:#596b5f}.card-arrow{position:absolute;right:18px;bottom:17px;font-size:21px;color:#546a56}.savanna{background:#f3e8c9}.rainforest{background:#dcead7}.wetland{background:#dcebea}.desert{background:#f4e2cb}.forest{background:#e5ead8}.mountain{background:#e2e5ea}.polar{background:#dceaf1}.ocean{background:#dcecf0}
.guide-controls{display:flex;align-items:center;gap:12px;margin:27px 0 17px}.searchbox,.selectbox{display:flex;align-items:center;gap:9px;height:47px;padding:0 14px;border-radius:14px;border:1px solid #e7dfd0;background:#fffdf7}.searchbox{width:min(390px,100%)}.searchbox>span{font-size:25px;color:#718267;line-height:1}.searchbox input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.selectbox{color:#667367;font-size:12px}.selectbox select{border:0;outline:0;background:transparent;color:var(--ink);font-weight:800}.result-count{margin-left:auto;font-size:12px;color:var(--muted)}.animal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.animal-card{min-height:192px;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:17px;border-radius:18px;border:1px solid #e9e3d6;background:#fffdf8;transition:transform .18s,box-shadow .18s}.animal-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.animal-emoji{position:absolute;right:17px;top:15px;font-size:36px}.animal-zone{font-size:10px;font-weight:900;color:#7b8a70;letter-spacing:.08em;padding-right:45px}.animal-card strong{font-size:17px;margin:9px 0 4px}.animal-intro{font-size:12px;color:#68766b;line-height:1.55;max-width:90%}.learn-more{margin-top:auto;padding-top:12px;font-size:11px;color:#b26d43;font-weight:900}.learn-more b{font-size:15px}.empty-state{grid-column:1/-1;background:#fffdf7;border-radius:16px;padding:28px;text-align:center;color:var(--muted)}
.care-banner{display:flex;align-items:center;gap:23px;margin-top:80px;padding:28px 33px;border-radius:24px;background:#315f49;color:#fff8e6}.care-art{font-size:49px}.care-banner .eyebrow{color:#c7d6a4}.care-banner h2{margin:6px 0;font-size:28px}.care-banner h2 em{color:#eed07a}.care-banner p{color:#e2e7d7;margin:0;font-size:14px}.care-banner .button{margin-left:auto;white-space:nowrap}
.footer{max-width:1220px;margin:auto;padding:30px 28px 44px;display:grid;grid-template-columns:1fr auto;gap:12px 30px;color:#6a786c;border-top:1px solid #e3ddce}.footer strong{color:#3c5d48}.footer p{margin:6px 0}.source-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px}.source-links span{font-weight:900;color:#526b56}.source-links a{color:#6b7a68}.tiny{grid-column:1/-1;font-size:10px;opacity:.8}
.inner-page{min-height:70vh;padding-top:18px}.back-link{border:0;background:transparent;color:#607364;font-size:13px;font-weight:900;padding:9px 0;margin:0 0 18px}.zone-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 250px;gap:20px;align-items:center;padding:38px 46px;border:1px solid #e7dfd0;border-radius:27px;min-height:255px}.zone-hero h1{font-size:48px;line-height:1.1;margin:11px 0}.zone-hero p{max-width:670px;color:#56675b;font-size:16px}.mission{display:flex;flex-direction:column;gap:4px;margin-top:20px;padding:12px 15px;background:#fffdf7a8;border-radius:14px;max-width:620px}.mission span{font-size:11px;color:#ad7046;font-weight:900}.mission strong{font-size:13px}.zone-hero-art{position:relative;display:grid;place-items:center;min-height:180px;font-size:105px}.zone-hero-art i{position:absolute;top:22px;right:34px;color:#fff;font-style:normal;font-size:25px}.zone-hero-art b{position:absolute;bottom:4px;left:20px;font-size:40px}.zone-hero-art small{position:absolute;bottom:0;right:0;font-size:11px;font-weight:900;color:#526a53}.compact{margin:48px 0 20px;align-items:center}.compact h2{font-size:32px}.zone-complete{font-weight:900;font-size:12px;color:#66805c}
.quiz-promo{display:flex;align-items:center;gap:18px;margin-top:35px;padding:23px 25px;background:#fffdf7;border:1px solid #e8e0d1;border-radius:20px}.quiz-medal{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#f5e8c5;font-size:26px}.quiz-promo h2{font-size:23px;margin:3px 0}.quiz-promo p{font-size:13px;color:var(--muted);margin:0}.quiz-promo .button{margin-left:auto;white-space:nowrap}.family-note{display:flex;gap:14px;margin:18px 0 38px;padding:17px 21px;background:#e8efdf;border-radius:16px}.family-note>span{font-size:24px}.family-note strong{font-size:13px}.family-note p{font-size:13px;color:#5e6e61;margin:3px 0 0}
.animal-detail{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:start;padding:30px 10px 65px}.detail-art{position:sticky;top:26px;min-height:420px;border-radius:30px;display:grid;place-items:center;overflow:hidden}.detail-art>span{font-size:150px;filter:drop-shadow(0 15px 8px #253d3026)}.detail-art>b{position:absolute;top:24px;left:25px;color:#61715c;letter-spacing:.12em;font-size:11px;text-transform:uppercase}.detail-art>i{position:absolute;right:30px;top:50px;font-style:normal;font-size:32px;color:#c6974e}.detail-art>small{position:absolute;left:25px;bottom:24px;color:#5a7059;font-weight:900}.detail-copy h1{font-size:50px;margin:8px 0 5px}.detail-intro{font-size:17px;color:#68786c;margin-bottom:26px}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fact-grid article{padding:16px;border-radius:16px;background:#fffdf8;border:1px solid #eee7d9;display:grid;grid-template-columns:31px 1fr;gap:0 8px;align-items:start}.fact-grid article>span{grid-row:span 2;font-size:22px}.fact-grid small{color:#71836f;font-size:10px;font-weight:900}.fact-grid strong{font-size:13px;line-height:1.5}.fact-wide{grid-column:1/-1}.protect-note{display:flex;gap:12px;margin:17px 0;padding:17px;background:#e7efe0;border-radius:16px}.protect-note>span{font-size:22px}.protect-note strong{font-size:13px}.protect-note p{margin:3px 0 0;color:#526753;font-size:13px}.source-link{display:inline-block;font-size:11px;color:#687b69;margin:0 0 18px}.detail-next{display:block}
.record-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 42px;background:#e7eddc;border-radius:26px}.record-hero h1{font-size:44px;line-height:1.1;margin:10px 0}.record-hero h1 em{font-style:normal;color:#bd794b}.record-hero p{color:#637265;max-width:520px;margin:0}.record-total{width:155px;height:155px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffdf7;border:7px solid #d4dfc7;box-shadow:inset 0 0 0 2px #ecdfbd}.record-total strong{font-size:48px;line-height:1;color:#315c46}.record-total span{font-size:12px;font-weight:900}.record-total small{font-size:10px;color:var(--muted);margin-top:5px}.badge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:36px 0}.badge-card{display:flex;align-items:center;gap:12px;padding:17px;background:#fffdf7;border:1px dashed #d8d1c1;border-radius:17px;opacity:.62}.badge-card.earned{opacity:1;border:1px solid #d6d7b5;background:#fbf6dc}.badge-card>span{font-size:32px}.badge-card strong,.badge-card small{display:block}.badge-card strong{font-size:13px}.badge-card small{font-size:10px;color:var(--muted);margin-top:2px}
.final-challenge{display:flex;align-items:center;gap:20px;padding:24px;border-radius:20px;background:#eae6dc;color:#647064}.final-challenge.ready{background:#315f49;color:#fff8e6}.final-challenge>span{font-size:42px}.final-challenge h2{font-size:21px;margin:5px 0}.final-challenge p{margin:0;font-size:13px;opacity:.86}.final-challenge .button{margin-left:auto;white-space:nowrap}.record-actions{display:flex;justify-content:space-between;align-items:center;margin:23px 0;color:var(--muted);font-size:12px}.danger{color:#a15c47}
.quiz-page{padding-top:15px}.quiz-shell{max-width:770px;margin:20px auto 60px;background:#fffdf7;padding:34px 42px 40px;border:1px solid #e8e0d1;border-radius:27px;box-shadow:var(--shadow)}.quiz-top{display:flex;align-items:center;justify-content:space-between}.quiz-count{font-weight:900;color:#718568}.quiz-line{height:8px;border-radius:10px;background:#ece8dc;margin-top:13px;overflow:hidden}.quiz-line span{height:100%;display:block;background:#88a36c;border-radius:10px;transition:width .25s}.quiz-question{text-align:center;padding:35px 0 22px}.quiz-emoji{display:grid;place-items:center;margin:auto;width:64px;height:64px;border-radius:50%;background:#f4ebd2;font-size:30px}.quiz-question h1{font-size:31px;line-height:1.25;margin:16px 0 8px}.quiz-question p{color:var(--muted);font-size:13px}.choices{display:grid;gap:10px}.choice{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 15px;border:1px solid #e7e1d4;border-radius:14px;background:#fff;min-height:54px}.choice:hover:not(:disabled){border-color:#9db18c;background:#f7f8ef}.choice-letter{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#f0eddf;font-size:12px;font-weight:900}.choice.correct{background:#e5f0df;border-color:#86a875}.choice.incorrect{background:#f8e8dd;border-color:#d7a07d}.choice b{margin-left:auto;color:#4c8350}.answer-note{margin:17px 0 14px;padding:14px 17px;border-radius:14px}.answer-note.good{background:#e7f1e2}.answer-note.try-again{background:#f7ecda}.answer-note strong{font-size:14px}.answer-note p{font-size:12px;margin:4px 0 0;color:#5c6c5e}.quiz-shell>.button{display:block;margin:15px 0 0 auto}
.storage-warning{position:fixed;z-index:10;bottom:14px;left:50%;transform:translateX(-50%);padding:10px 15px;background:#fff0cf;color:#684e27;border:1px solid #e7c96e;border-radius:12px;font-size:12px;box-shadow:var(--shadow)}
:focus-visible{outline:3px solid #d5874b;outline-offset:3px}
.knowledge-station{padding:74px 0 20px}.knowledge-station .section-heading{margin-bottom:22px}.observe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.observe-grid article{padding:20px 19px;background:#fffdf7;border:1px solid #e9e2d4;border-radius:18px;min-height:190px}.observe-grid article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#e7efdc;color:#436448;font-weight:900}.observe-grid h3{font-size:16px;margin:16px 0 7px}.observe-grid p{font-size:12px;color:#69786a;line-height:1.75;margin:0}.food-web{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:26px;margin-top:16px;padding:24px 27px;background:#e8efdf;border-radius:21px}.food-web h3{font-size:21px;margin:7px 0}.food-web p{font-size:12px;color:#5c6f5d;margin:0;line-height:1.7}.food-paths{display:grid;gap:9px}.food-paths>div{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.food-paths span{padding:8px 12px;background:#fffdf7;border:1px solid #dae3d0;border-radius:999px;font-size:12px;font-weight:800}.food-paths b{color:#708961}.kind-rules{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:15px;padding:17px 22px;border:1px dashed #cfc8b7;border-radius:16px;color:#5f6f62}.kind-rules strong{color:#315c46;margin-right:auto}.kind-rules span{font-size:12px;font-weight:800}.field-note-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;margin:34px 0 24px;padding:26px 29px;background:#fffdf7;border:1px solid #e9e2d4;border-radius:22px;box-shadow:0 8px 24px #31482c0a}.field-note-lead h2{font-size:25px;line-height:1.25;margin:9px 0}.field-note-lead p,.field-note-side li,.field-action p{font-size:13px;line-height:1.75;color:#617164}.field-note-lead p{margin:0}.field-note-side h3{font-size:14px;margin:0 0 8px}.field-note-side ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.field-note-side li{position:relative;padding-left:18px;margin:0}.field-note-side li:before{content:"✦";position:absolute;left:0;color:#c47b4a}.field-action{margin-top:12px;padding:12px 15px;background:#e8efdf;border-radius:13px}.field-action strong{font-size:12px;color:#315c46}.field-action p{margin:3px 0 0;font-size:12px}
@media(max-width:850px){.observe-grid{grid-template-columns:repeat(2,1fr)}.food-web,.field-note-panel{grid-template-columns:1fr}.food-paths>div{justify-content:flex-start}}
@media(max-width:560px){.observe-grid{grid-template-columns:1fr}.observe-grid article{min-height:auto}.knowledge-station{padding-top:54px}.food-web,.field-note-panel{padding:20px}.kind-rules{gap:10px}.kind-rules strong{width:100%}.food-paths>div{justify-content:flex-start}.food-paths span{font-size:11px}}

.route-section .section-heading > p{font-size:13px}

.endemic-promo{display:flex;align-items:center;gap:16px;margin:20px 0 0;padding:17px 20px;background:#e8efdf;border:1px solid #d9e4d0;border-radius:17px}.endemic-promo>span{font-size:28px}.endemic-promo strong{font-size:14px;color:#315c46}.endemic-promo p{margin:3px 0 0;font-size:12px;color:#637365}.endemic-promo button{margin-left:auto;white-space:nowrap}.endemic-tag{display:inline-block;margin-top:3px;padding:3px 7px;border-radius:999px;background:#edf2df;color:#587044;font-size:9px;font-weight:800;line-height:1.35}.endemic-fact{background:#f2f4e6!important;border-color:#dce6ce!important}.endemic-fact strong{color:#4c6749}
@media(max-width:1000px){.habitat-grid,.animal-grid,.badge-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.habitat-grid,.animal-grid,.badge-grid{grid-template-columns:repeat(2,1fr)}.endemic-promo{align-items:flex-start;flex-wrap:wrap}.endemic-promo button{margin-left:40px}}
@media(max-width:520px){.habitat-grid,.animal-grid,.badge-grid{grid-template-columns:1fr}.endemic-promo{padding:15px}.endemic-promo button{margin-left:0}.animal-card{min-height:175px}}

/* Interactive world atlas used in the home hero. */
.atlas-panel{height:420px;position:relative;overflow:hidden;border-radius:30px;background:radial-gradient(ellipse at 50% 45%,#e7f2df 0,#d7e8d6 54%,#cfdfd3 100%);border:1px solid #fffdf7;box-shadow:var(--shadow);isolation:isolate}
.atlas-sky{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 110%,#b3d1b5aa,transparent 52%)}
.atlas-world-sphere{position:absolute;inset:0;transform:perspective(950px) rotateX(var(--globe-tilt,0deg)) rotateY(var(--globe-rotate,0deg));transform-style:preserve-3d;transition:transform .22s ease;touch-action:pan-y;cursor:grab}.atlas-world-sphere.dragging{cursor:grabbing;transition:none;user-select:none}
.atlas-earth{position:absolute;width:min(76%,390px);height:auto;left:50%;top:47%;transform:translate(-50%,-50%);filter:drop-shadow(0 19px 20px #315e4930);animation:atlas-float 7s ease-in-out infinite}
.atlas-grid-lines ellipse{fill:none;stroke:#f7fff0;stroke-width:1.4;opacity:.34}
.atlas-orbit{position:absolute;z-index:1;left:50%;top:49%;width:94%;height:32%;border:1px solid #fff8dfbb;border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg);pointer-events:none}
.orbit-two{width:89%;height:43%;transform:translate(-50%,-50%) rotate(31deg);border-style:dashed;opacity:.7}
.atlas-star{position:absolute;color:#fff8dc;font-size:23px;text-shadow:0 2px 10px #fff}.star-one{left:13%;top:15%}.star-two{right:12%;top:24%;font-size:16px}
.country-pin{position:absolute;z-index:3;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #fffdf2;border-radius:999px;background:#fffdf0ed;color:#315a47;box-shadow:0 5px 15px #2c59452a;font-size:10px;font-weight:900;white-space:nowrap;transition:transform .22s,box-shadow .22s,background .22s;animation:pin-pop .55s both}
.country-pin:hover{z-index:5;transform:translate(-50%,-50%) scale(1.1);background:#fff;color:#205b45;box-shadow:0 9px 22px #2c59454a}.country-pin span{font-size:15px}.country-pin b{font-size:10px}
.country-animal-preview{position:absolute;left:50%;bottom:calc(100% + 10px);z-index:8;display:block;width:190px;padding:10px;border:1px solid #edf0df;border-radius:15px;background:#fffdf7;color:#315a47;box-shadow:0 12px 28px #274f3b35;opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .18s,transform .18s,visibility .18s;pointer-events:none}.country-pin:hover .country-animal-preview,.country-pin:focus-visible .country-animal-preview{opacity:1;visibility:visible;transform:translate(-50%,0)}.country-animal-preview>strong{display:block;margin-bottom:6px;font-size:10px}.country-animal-preview-list{display:flex;gap:5px}.country-animal-preview-item{min-width:0;flex:1;text-align:center}.country-animal-preview-item img{display:block;width:46px;height:42px;margin:0 auto 3px;object-fit:cover;border-radius:9px}.country-animal-preview-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:800}
.globe-caption{position:absolute;z-index:4;left:20px;bottom:18px;display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid #fffdf3;border-radius:15px;background:#fffdf0e8;box-shadow:0 6px 18px #315e4915}.globe-caption>span{font-size:24px}.globe-caption strong,.globe-caption small{display:block}.globe-caption strong{font-size:11px;color:#315d49}.globe-caption small{font-size:9px;color:#708071;margin-top:2px}
.globe-bubble{position:absolute;z-index:2;display:grid;place-items:center;width:41px;height:41px;border:1px solid #fff;border-radius:50%;background:#fffdf0cc;box-shadow:0 5px 18px #315e4920;font-size:21px;animation:atlas-float 5s ease-in-out infinite}.bubble-a{right:15%;top:18%}.bubble-b{left:14%;bottom:23%;animation-delay:-2s}
.atlas-back{position:absolute;z-index:6;left:16px;top:15px;padding:8px 12px;border:1px solid #fff;background:#fffdf0e8;border-radius:999px;color:#315b47;font-size:11px;font-weight:900;box-shadow:0 4px 13px #294b351a}.atlas-back:hover{background:#fff;transform:translateX(-2px)}
.atlas-country-panel{background:radial-gradient(ellipse at 15% 43%,#d5e9d0 0,#eaf0df 47%,#f4ead3 100%)}
.country-orb{position:absolute;left:8%;top:22%;width:185px;height:185px;border:8px solid #fffdf0;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 32% 27%,#f5ecc2,#d8d99e 47%,#86ac81 100%);box-shadow:0 16px 34px #355c4025;animation:country-zoom .65s cubic-bezier(.2,.8,.2,1) both}.country-orb:before,.country-orb:after{content:"";position:absolute;inset:14px;border:1px solid #ffffff99;border-radius:50%;transform:rotate(28deg) scaleX(.62)}.country-orb:after{transform:rotate(-28deg) scaleX(.62)}.country-orb>span{font-size:53px;filter:drop-shadow(0 4px 6px #25472b25)}.country-orb small{color:#45694c;font-size:10px;font-weight:900;letter-spacing:.13em}.country-rings{position:absolute;inset:-20px;border:1px dashed #66855c77;border-radius:50%;animation:spin 28s linear infinite}
.atlas-stage-copy{position:absolute;left:43%;right:7%;top:17%;z-index:2}.atlas-kicker{color:#66805c;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.atlas-stage-copy h2{font-size:34px;line-height:1.05;margin:8px 0;color:#244437}.atlas-stage-copy p{font-size:12px;line-height:1.65;color:#667469;margin:0 0 14px}.atlas-stage-copy>strong{font-size:11px;color:#315c46}
.city-marker-line{position:absolute;left:32%;right:15%;top:64%;border-top:2px dashed #9bac7a;transform:rotate(-9deg)}
.atlas-city-markers{position:absolute;inset:0;z-index:3}.atlas-city-marker{position:absolute;left:var(--city-x);top:var(--city-y);transform:translate(-50%,-50%);display:grid;grid-template-columns:31px 1fr;align-items:center;column-gap:8px;min-width:148px;max-width:190px;padding:9px 11px;text-align:left;border:1px solid #fff;background:#fffdf1ed;border-radius:15px;color:#315741;box-shadow:0 7px 20px #315e4920;transition:transform .2s,box-shadow .2s}.atlas-city-marker:hover{z-index:4;transform:translate(-50%,-50%) scale(1.06);box-shadow:0 11px 24px #315e4938}.atlas-city-marker>span{grid-row:span 2;display:grid;place-items:center;width:30px;height:30px;border-radius:11px;background:#eaf0dc;font-size:17px}.atlas-city-marker b{font-size:11px}.atlas-city-marker small{font-size:8px;color:#728071;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:125px}.atlas-country-foot{position:absolute;left:18px;right:18px;bottom:14px;display:flex;justify-content:space-between;color:#647566;font-size:9px;font-weight:800}
.atlas-city-panel{padding:13px 16px 12px;background:linear-gradient(145deg,#e1eddc,#e8f0e3 55%,#e6edda);animation:country-zoom .55s cubic-bezier(.2,.8,.2,1) both}
.city-scene{height:139px;position:relative;overflow:hidden;border:1px solid #ffffffc9;border-radius:20px;background:linear-gradient(#d9ebdc 0 57%,#a9c58f 58% 100%);box-shadow:0 8px 20px #315e4912}
.city-sun{position:absolute;right:12%;top:15%;width:42px;height:42px;border-radius:50%;background:#f1cb73;box-shadow:0 0 0 9px #f1cb7333}.city-land{position:absolute;bottom:-35px;width:73%;height:83px;border-radius:50% 55% 0 0;background:#87a977}.land-a{left:-8%;transform:rotate(-8deg)}.land-b{right:-13%;bottom:-42px;background:#6f966d;transform:rotate(8deg)}.city-land-icon{position:absolute;right:22%;bottom:21px;z-index:2;font-size:48px;filter:drop-shadow(0 6px 4px #294d3228)}.city-map-pin{position:absolute;z-index:3;right:20%;top:21%;font-size:19px;filter:drop-shadow(0 3px 3px #283f2c55)}.city-title{position:absolute;z-index:3;left:17px;top:14px;max-width:63%}.city-title h2{font-size:26px;line-height:1;margin:5px 0;color:#244437}.city-title p{font-size:10px;color:#596d5d;margin:0}.city-disclaimer{font-size:9px;line-height:1.35;color:#657464;margin:7px 1px 6px}.city-animal-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.atlas-animal-chip{display:grid;grid-template-columns:24px 1fr;align-items:center;column-gap:5px;min-width:0;padding:5px 7px;text-align:left;border:1px solid #ffffff;background:#fffdf5;border-radius:11px;color:#315741;transition:transform .16s,box-shadow .16s}.atlas-animal-chip:hover{transform:translateY(-2px);box-shadow:0 5px 12px #315e491b}.atlas-animal-chip>span{grid-row:span 2;font-size:19px}.atlas-animal-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.atlas-animal-chip small{font-size:7px;color:#86907c}.city-source{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-top:6px;color:#607563;font-size:8px;font-weight:800}.city-source a{max-width:74%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#607563;text-decoration:underline;text-underline-offset:2px}
@keyframes atlas-float{0%,100%{translate:0 0}50%{translate:0 -7px}}@keyframes pin-pop{from{opacity:0;scale:.8}to{opacity:1;scale:1}}@keyframes country-zoom{from{opacity:.25;scale:.86}to{opacity:1;scale:1}}@keyframes spin{to{rotate:360deg}}
@media(max-width:860px){.hero{grid-template-columns:1fr;gap:20px;padding-top:20px}.hero-art.atlas-panel{width:min(100%,620px);margin:0 auto}.hero-copy{padding-bottom:0}.hero-lede{max-width:680px}}
@media(max-width:560px){.hero{padding:12px 0 34px;min-height:0}.hero h1{font-size:clamp(42px,11vw,58px)}.hero-lede{font-size:15px;line-height:1.65}.hero-meta{gap:10px;font-size:10px}.hero-art.atlas-panel{height:390px;border-radius:24px}.atlas-earth{width:78%;top:49%}.country-pin{gap:3px;padding:5px 6px;font-size:8px}.country-pin span{font-size:12px}.country-pin b{font-size:8px}.globe-caption{left:10px;bottom:10px;padding:7px 9px}.globe-caption>span{font-size:20px}.globe-caption strong{font-size:9px}.globe-caption small{font-size:7px}.globe-bubble{width:32px;height:32px;font-size:17px}.country-orb{left:7%;top:22%;width:130px;height:130px;border-width:6px}.country-orb>span{font-size:40px}.country-orb small{font-size:8px}.atlas-stage-copy{left:44%;right:5%;top:18%}.atlas-stage-copy h2{font-size:27px}.atlas-stage-copy p{font-size:10px;margin-bottom:8px}.atlas-stage-copy>strong{font-size:9px}.atlas-city-marker{min-width:124px;max-width:148px;grid-template-columns:25px 1fr;column-gap:5px;padding:7px}.atlas-city-marker>span{width:24px;height:24px;font-size:14px}.atlas-city-marker b{font-size:9px}.atlas-city-marker small{max-width:100px;font-size:7px}.atlas-country-foot{left:11px;right:11px;font-size:7px}.atlas-city-panel{padding:10px;height:390px}.city-scene{height:125px}.city-animal-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.atlas-animal-chip{padding:4px 6px}.atlas-animal-chip b{font-size:8px}.atlas-animal-chip small{font-size:6px}.city-disclaimer{font-size:8px}.city-source{font-size:7px}.city-source a{max-width:70%}}
@media(max-width:560px){.topbar{height:70px;padding:0 18px}.brand{gap:9px;font-size:19px}.brand-mark{width:41px;height:41px;border-radius:14px;font-size:21px}.hero{padding:12px 0 34px;min-height:0}.hero h1{font-size:clamp(42px,11vw,58px)}.hero-lede{font-size:15px;line-height:1.65}.hero-meta{gap:10px;font-size:10px}.hero-art.atlas-panel{height:390px;border-radius:24px}.atlas-earth{width:78%;top:49%}.country-pin{gap:3px;padding:5px 6px;font-size:8px}.country-pin span{font-size:12px}.country-pin b{font-size:8px}.country-animal-preview{width:155px;padding:7px}.country-animal-preview-item img{width:37px;height:34px}.country-animal-preview-item span{font-size:8px}.globe-caption{left:10px;bottom:10px;padding:7px 9px}.globe-caption>span{font-size:20px}.globe-caption strong{font-size:9px}.globe-caption small{font-size:7px}.globe-bubble{width:32px;height:32px;font-size:17px}.country-orb{left:7%;top:22%;width:130px;height:130px;border-width:6px}.country-orb>span{font-size:40px}.country-orb small{font-size:8px}.atlas-stage-copy{left:44%;right:5%;top:18%}.atlas-stage-copy h2{font-size:27px}.atlas-stage-copy p{font-size:10px;margin-bottom:8px}.atlas-stage-copy>strong{font-size:9px}.atlas-city-marker{min-width:124px;max-width:148px;grid-template-columns:25px 1fr;column-gap:5px;padding:7px}.atlas-city-marker>span{width:24px;height:24px;font-size:14px}.atlas-city-marker b{font-size:9px}.atlas-city-marker small{max-width:100px;font-size:7px}.atlas-country-foot{left:11px;right:11px;font-size:7px}.atlas-city-panel{padding:10px;height:390px}.city-scene{height:125px}.city-animal-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.atlas-animal-chip{padding:4px 6px}.atlas-animal-chip b{font-size:8px}.atlas-animal-chip small{font-size:6px}.city-disclaimer{font-size:8px}.city-source{font-size:7px}.city-source a{max-width:70%}}
@media(prefers-reduced-motion:reduce){.atlas-panel *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

@media(max-width:560px){.progress-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:15px}.progress-label{grid-column:1/-1;min-width:0}.progress-meter{grid-column:1/-1;min-width:0}.progress-track{min-width:0}.progress-strip>.text-button{grid-column:1/-1;justify-self:start;padding-left:0}.care-banner{align-items:flex-start;flex-wrap:wrap;gap:12px;padding:20px}.care-banner>div{flex:1 1 220px;min-width:0}.care-banner h2{font-size:22px}.care-banner .button{margin-left:0}}

/* Stable hover cards and a projected globe that can rotate through full turns. */
.atlas-world-sphere{transform:none;transform-style:flat;transition:none;touch-action:none;cursor:grab}
.atlas-world-sphere.dragging{cursor:grabbing}
canvas.atlas-earth{position:absolute;width:100%;height:100%;inset:0;transform:none;filter:none;animation:none;pointer-events:none}
.country-pin{animation:none;transition:background .16s,box-shadow .16s,color .16s,opacity .16s;will-change:left,top}
.country-pin:hover{transform:translate(-50%,-50%);box-shadow:0 9px 22px #2c59454a}
.country-pin.is-backside{filter:saturate(.72);box-shadow:0 3px 10px #2c59451c}
.country-animal-preview{transform:translateX(-50%);transition:opacity .14s ease,visibility .14s ease;will-change:opacity}
.country-pin:hover .country-animal-preview,.country-pin:focus-visible .country-animal-preview{transform:translateX(-50%)}
.country-pin:hover,.country-pin:focus-visible{z-index:10!important;opacity:1!important;filter:none}
.zone-hero-photo{position:relative;width:250px;height:210px;margin:0;overflow:hidden;border:1px solid #ffffffb8;border-radius:24px;background:#dce7d8;box-shadow:0 12px 28px #274f3b20}
.zone-hero-photo>img{display:block;width:100%;height:100%;object-fit:cover}
.zone-hero-photo>figcaption{position:absolute;left:10px;right:10px;bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 8px;border-radius:999px;background:#183a30c9;color:#fff;font-size:8px;font-weight:800}
.zone-hero-photo>figcaption a{color:inherit;text-decoration:none}
@media(max-width:860px){.zone-hero-photo{justify-self:center;width:min(100%,420px);height:220px}}
@media(max-width:560px){.zone-hero-photo{width:100%;height:190px}.country-animal-preview{transform:translateX(-50%)}.country-pin:hover .country-animal-preview,.country-pin:focus-visible .country-animal-preview{transform:translateX(-50%)}}

/* Refined habitat filter to match the field guide controls. */
.selectbox{position:relative;transition:border-color .18s ease,box-shadow .18s ease}
.selectbox:focus-within{border-color:#a8bf9d;box-shadow:0 0 0 3px rgba(83,128,78,.12)}
.selectbox:after{content:'⌄';position:absolute;right:15px;top:50%;transform:translateY(-58%);color:#54745b;font-size:17px;font-weight:800;line-height:1;pointer-events:none}
.selectbox select{appearance:none;-webkit-appearance:none;max-width:220px;padding:7px 28px 7px 10px;border:1px solid #dce8d6;border-radius:10px;background:#edf3e8;color:#315d48;font-size:13px;font-weight:800;line-height:1.2;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}
.selectbox select:hover{background:#e5efdf;border-color:#c9dcc1}
.selectbox select:focus-visible{outline:2px solid #6d9567;outline-offset:2px}
.selectbox select option{background:#fffdf7;color:#263e35;font-weight:600}
@media(max-width:600px){.selectbox{gap:6px;padding:0 11px}.selectbox select{max-width:min(190px,52vw);font-size:12px;padding:7px 26px 7px 8px}}
/* Site-native habitat picker: a calm, scrollable menu instead of the OS select popup. */
.selectbox{z-index:5;overflow:visible}
.selectbox:after{content:none}
.filter-label{white-space:nowrap}
.filter-trigger{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:155px;height:34px;padding:0 10px;border:1px solid #dce8d6;border-radius:10px;background:#edf3e8;color:#315d48;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.filter-trigger:hover{background:#e5efdf;border-color:#c9dcc1}
.filter-trigger:focus-visible{outline:2px solid #6d9567;outline-offset:2px}
.filter-value{display:flex;align-items:center;gap:7px;white-space:nowrap}
.filter-value i{font-style:normal;font-size:15px;line-height:1}
.filter-chevron{color:#69866a;font-size:17px;font-weight:900;line-height:1;transition:transform .18s ease}
.filter-trigger[aria-expanded="true"] .filter-chevron{transform:rotate(180deg)}
.filter-options{position:absolute;top:calc(100% + 8px);left:0;z-index:1000;width:max(100%,258px);max-width:calc(100vw - 40px);max-height:min(340px,55vh);overflow:auto;padding:6px;border:1px solid #e6dfd0;border-radius:15px;background:#fffdf7;box-shadow:0 16px 36px rgba(43,64,49,.16);scrollbar-color:#b7c8ad #f3f0e7;scrollbar-width:thin}
.filter-options[hidden]{display:none}
.filter-option{display:flex;align-items:center;gap:10px;min-height:39px;padding:7px 10px;border-radius:10px;color:#314b3e;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .14s ease,color .14s ease}
.filter-option:hover,.filter-option.is-active{background:#edf3e8;color:#244e3b}
.filter-option[aria-selected="true"]{background:#e4efdd;color:#24563f}
.filter-option-emoji{display:grid;place-items:center;width:23px;flex:0 0 23px;font-size:17px;line-height:1}
.filter-option-label{flex:1}
.filter-check{color:#547a53;font-size:14px;font-weight:900}
.filter-native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:0!important;pointer-events:none!important}
@media(max-width:600px){.selectbox{gap:6px;padding:0 11px}.filter-trigger{min-width:0;max-width:min(190px,52vw);gap:10px;padding:0 8px;font-size:12px}.filter-options{width:min(270px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:55vh}.filter-option{min-height:40px;font-size:13px}}

/* Real wildlife photography across the field guide and animal records. */
.animal-card{min-height:0;padding:0;gap:0;overflow:hidden}
.animal-card:hover .animal-photo{transform:scale(1.045)}
.animal-photo-frame{position:relative;display:block;width:100%;height:142px;overflow:hidden;background:#dfe9d9}
.animal-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 44%;transition:transform .35s ease}
.animal-photo-fallback{display:grid;place-items:center;width:100%;height:100%;font-size:68px;background:linear-gradient(145deg,#e7efdc,#d6e4d1)}
.photo-sheen{position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(20,43,35,.18));pointer-events:none}
.animal-card-copy{display:flex;flex:1;min-height:148px;width:100%;flex-direction:column;align-items:flex-start;padding:14px 16px 15px}
.animal-card-copy .animal-zone{padding-right:0}
.animal-card-copy .endemic-tag{margin-top:6px}
.animal-card-copy strong{margin:7px 0 4px}
.animal-card-copy .animal-intro{max-width:100%}
.animal-detail figure.detail-art{margin:0}
.detail-art{isolation:isolate}
.detail-animal-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.detail-animal-fallback{font-size:150px;filter:drop-shadow(0 15px 8px #253d3026)}
.detail-photo-shade{position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(22,42,32,.72));pointer-events:none}
.detail-art>b,.detail-art>i,.detail-art>small,.photo-credit{z-index:1}
.detail-art>b,.detail-art>small{color:#fff;text-shadow:0 1px 8px rgba(15,33,25,.35)}
.detail-art>i{color:#fff3c2}
.detail-art>small{bottom:46px}
.photo-credit{position:absolute;right:14px;bottom:13px;left:14px;display:flex;flex-wrap:nowrap;align-items:center;gap:6px;margin:0;padding:8px 10px;border:1px solid #ffffff30;border-radius:10px;background:#173a31d9;color:#fff;font-size:10px;line-height:1.35;white-space:nowrap}
.photo-credit a{color:inherit;text-decoration:underline;text-decoration-color:#ffffff99;text-underline-offset:2px}
.photo-credit .photo-author{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.photo-credit .photo-license,.photo-credit .license-link{flex:0 0 auto;white-space:nowrap}
.photo-credit .license-link{opacity:.82}
@media(max-width:600px){.animal-photo-frame{height:190px}.animal-card-copy{min-height:138px}.detail-art>small{bottom:52px}.photo-credit{right:10px;left:10px;gap:5px;padding:7px 8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.animal-photo{transition:none}}

.globe-bubble{padding:0;overflow:hidden}.globe-bubble img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* Habitat cards use real, representative wildlife photographs. */
.habitat-card{min-height:0;padding:0;align-items:stretch;gap:0}
.habitat-card-main{position:relative;display:flex;flex:1;width:100%;min-height:238px;flex-direction:column;align-items:flex-start;gap:4px;padding:0 17px 29px;border:0;background:transparent;text-align:left}
.habitat-card-main:focus-visible{outline:3px solid #245b47;outline-offset:-4px;border-radius:20px}
.habitat-cover{display:block;width:calc(100% + 34px);height:106px;margin:0 -17px 10px;overflow:hidden;background:#dce7da}
.habitat-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:transform .35s ease}
.habitat-card:hover .habitat-cover img{transform:scale(1.04)}
.habitat-photo-credit{position:absolute;top:83px;left:8px;z-index:2;max-width:calc(100% - 16px);overflow:hidden;padding:3px 7px;border-radius:999px;background:#173a31c9;color:#fff;font-size:8px;line-height:1.35;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.habitat-photo-credit:hover{text-decoration:underline;text-underline-offset:2px}
.habitat-photo-credit{display:flex;align-items:center;gap:4px;white-space:nowrap}
.habitat-photo-credit>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.habitat-photo-credit>b,.habitat-photo-credit>i{flex:0 0 auto}
.habitat-photo-credit>b{font-weight:700}
.habitat-card .zone-number{margin-top:0}
.habitat-card-main strong{font-size:18px;line-height:1.35}
.habitat-count{font-size:12px;color:#596b5f}
.habitat-card .card-arrow{right:16px;bottom:11px}
@media(max-width:560px){.habitat-card-main{min-height:220px;padding-right:13px;padding-left:13px}.habitat-cover{width:calc(100% + 26px);height:92px;margin-right:-13px;margin-left:-13px;margin-bottom:8px}.habitat-photo-credit{top:70px;font-size:7px}.habitat-card-main strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.habitat-cover img{transition:none}}