.life-book{--muted:#72717d;--accent:#a57087;color:var(--global-text-color,#30303c)}
.life-book [hidden]{display:none!important}.life-book button{font:inherit;color:inherit;cursor:pointer}.life-book button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.life-intro{color:var(--muted);line-height:1.8;margin:0 0 2rem}.life-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.5rem}.life-card{position:relative;display:block;width:100%;padding:0 0 1rem;border:0;border-bottom:2px solid transparent;background:none;text-align:left}.life-card[aria-expanded=true]{border-bottom-color:var(--accent)}.life-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0 0 .9rem}.life-kicker{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:.64rem;color:var(--muted);margin-bottom:.45rem}.life-title{display:block;font-size:1.02rem;font-weight:700;margin-bottom:.45rem}.life-line{display:block;font-size:.83rem;line-height:1.6;color:var(--muted);padding-right:1.25rem}.life-plus{position:absolute;right:0;bottom:1rem;font-size:1.25rem;color:var(--accent)}.life-world{margin-top:2.5rem;padding-top:1.8rem;border-top:1px solid var(--global-divider-color,#e9e4e8);scroll-margin-top:90px}.world-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.world-heading h2{font-size:1.5rem;font-weight:700;margin:0 0 .6rem}.world-heading p{color:var(--muted);font-size:.9rem;line-height:1.7}.world-heading button{border:0;background:none;font-size:1.6rem;line-height:1;padding:.3rem}.dance-tools{display:flex;justify-content:flex-end;gap:1.2rem;margin:.5rem 0 1.6rem}.dance-tools button{border:0;background:none;font-size:.75rem;color:var(--muted);padding:.3rem 0}.dance-tools button:hover{text-decoration:underline}.dance-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:1.7rem}.dance-timeline button{position:relative;border:0;background:none;text-align:left;padding:0 .5rem .5rem 0;min-width:0}.dance-timeline button:before{content:'';position:absolute;top:5px;left:0;right:0;height:1px;background:var(--global-divider-color,#dfd8df)}.timeline-dot{position:relative;display:block;width:11px;height:11px;border:2px solid #c5b9c2;border-radius:50%;background:var(--global-bg-color,#fff);margin-bottom:.85rem}.dance-timeline [aria-selected=true] .timeline-dot{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px #a5708717}.dance-timeline strong{display:block;font-size:.72rem;font-weight:500;line-height:1.5}.dance-timeline [aria-selected=true] strong{color:var(--accent);font-weight:700}.dance-timeline small{display:block;font-size:.62rem;color:var(--muted);margin-top:.3rem}.dance-chapter{display:grid;grid-template-columns:3fr 2fr;gap:2.3rem;align-items:center;--chapter-tint:#f7eef2}.dance-visual{position:relative;overflow:hidden;background:var(--chapter-tint);border-radius:5px}.dance-visual img{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:600px;aspect-ratio:4/5;object-fit:contain}.dance-memory{padding:1rem 0}.dance-memory h3{font-size:clamp(1.5rem,3vw,2.15rem);line-height:1.25;font-weight:600;margin:0 0 1.1rem;letter-spacing:-.02em}.dance-memory p{font-size:.98rem;line-height:1.9;margin-bottom:1.3rem}.dance-memory ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.dance-memory li{font-size:.68rem;letter-spacing:.04em;padding:.35rem .65rem;border-radius:20px;background:var(--chapter-tint);color:#66576a}.dance-pager{display:flex;align-items:center;gap:1.3rem;margin-top:2.5rem}.dance-pager button{border:0;background:none;padding:.35rem;font-size:1.25rem}.dance-pager span{font-size:.72rem;letter-spacing:.15em;color:var(--muted)}.dance-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem}.dance-overview button{background:none;border:0;padding:0;text-align:left}.dance-overview img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;max-height:210px;display:block}.dance-overview span{display:block;font-size:.72rem;margin-top:.5rem}.life-ending{text-align:center;font-size:.78rem;color:var(--muted);margin:3rem 0 1rem}.dance-chapter[data-theme=classical]{--chapter-tint:#fff0f1}.dance-chapter[data-theme=xinjiang]{--chapter-tint:#fff1e5}.dance-chapter[data-theme=cheer]{--chapter-tint:#fff3d9}.dance-chapter[data-theme=hpop]{--chapter-tint:#f4edff}.dance-chapter[data-theme=yoga]{--chapter-tint:#edf3f5}.dance-accent{position:absolute;z-index:2;inset:0;pointer-events:none}.is-changing .dance-visual img{animation:chapter-rise .55s ease both}.is-changing[data-theme=classical] .dance-accent{background:linear-gradient(120deg,transparent 30%,#ffe0ec50 50%,transparent 70%);animation:ribbon .65s ease both}.is-changing[data-theme=xinjiang] .dance-visual img{animation:chapter-turn .6s ease both}.is-changing[data-theme=cheer] .dance-accent{background:radial-gradient(circle at 15% 20%,#fff0a8 0 3px,transparent 4px),radial-gradient(circle at 85% 15%,#ffcbdc 0 4px,transparent 5px),radial-gradient(circle at 75% 45%,#fff1ac 0 3px,transparent 4px);animation:confetti .65s ease both}.is-changing[data-theme=hpop] .dance-accent{background:linear-gradient(110deg,transparent,#eccfff45,transparent);animation:soft-light .55s ease both}.is-changing[data-theme=yoga] .dance-accent{background:radial-gradient(ellipse,#ffe8bf30,transparent 70%);animation:soft-light .8s ease both}@keyframes chapter-rise{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes chapter-turn{from{opacity:.5;transform:rotate(-1deg) scale(.985)}to{opacity:1;transform:none}}@keyframes ribbon{from{transform:translateX(-100%);opacity:0}50%{opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes confetti{from{opacity:0;transform:translateY(-12px)}40%{opacity:1}to{opacity:0;transform:translateY(14px)}}@keyframes soft-light{from{opacity:0}50%{opacity:1}to{opacity:0}}@media(max-width:650px){.life-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 1rem}.life-title{font-size:.95rem}.life-line{font-size:.78rem}.dance-chapter{grid-template-columns:1fr;gap:.5rem}.dance-visual{max-width:420px;width:100%;margin:auto}.dance-visual img{max-height:500px}.dance-memory{padding:.8rem .3rem}.dance-pager{margin-top:1.2rem}.dance-timeline{overflow-x:auto;grid-template-columns:repeat(6,minmax(100px,1fr));padding:5px 4px}.dance-overview{gap:.7rem}.dance-tools{justify-content:flex-start}.world-heading h2{font-size:1.3rem}}@media(max-width:360px){.life-board{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.life-book *{animation:none!important;scroll-behavior:auto!important}}


/* Animal field notes */
#animals-world{--animal-green:#557766;--animal-soft:#f1f5ef}#animals-world h3{font-size:1.18rem;font-weight:650;margin:2rem 0 1rem}#animals-world h4{font-size:1.05rem;font-weight:650;margin:.9rem 0 .6rem}#animals-world p{font-size:.87rem;line-height:1.75}#animals-world button{background:none;border:0}#animals-world small,#animals-world figcaption{font-size:.65rem;line-height:1.5;color:var(--muted)}.animal-tabs{display:flex;gap:1.2rem;border-bottom:1px solid var(--global-divider-color,#ddd);margin:.5rem 0 1.5rem}.animal-tabs button{padding:.7rem .2rem;border-bottom:2px solid transparent!important}.animal-tabs [aria-selected=true]{border-bottom-color:var(--animal-green)!important;color:var(--animal-green);font-weight:700}.panda-favourites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.panda-favourites img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:var(--animal-soft);border-radius:8px}.panda-favourites p{margin-bottom:.5rem}.panda-favourites small{display:block}.animal-section-heading{display:flex;flex-wrap:wrap;gap:.8rem;align-items:baseline;justify-content:space-between;margin-top:2.5rem}.animal-section-heading h3{margin:0 0 1rem!important}.animal-section-heading button,.someday{font-size:.72rem;color:var(--muted)}.someday{opacity:.65}.animal-note{font-size:.72rem!important;color:var(--muted)}.map-controls{display:flex;gap:.75rem;margin:1rem 0}.map-controls button,.place-list button{font-size:.74rem;padding:.4rem .7rem;border-radius:20px!important}.map-controls [aria-pressed=true],.place-list [aria-pressed=true]{background:var(--animal-soft)!important;color:var(--animal-green)}.panda-map-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:1.2rem;align-items:center}.map-canvas{overflow:hidden}.map-canvas svg{display:block;width:100%;height:260px;background:#f2f7f8;border-radius:8px}.map-land{fill:#d3ddd5;stroke:#f2f7f8;stroke-width:.3}.map-pins circle{fill:#a77387;stroke:white;stroke-width:1;vector-effect:non-scaling-stroke;cursor:pointer}.map-pins [aria-pressed=true] circle{fill:#426b54}.map-pins g:focus circle{stroke:#202020;stroke-width:2}#panda-place{padding:1rem;border-left:2px solid #d3ddd5;min-width:0}#panda-place p{font-size:.76rem;margin-bottom:.6rem}#panda-place strong{font-size:.8rem}#panda-place a{font-size:.72rem}.place-list{display:flex;flex-wrap:wrap;gap:.3rem;margin:1rem 0}.animal-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;align-items:start}.animal-fact{border:1px solid var(--global-divider-color,#e3e7e2);border-radius:10px;overflow:hidden}.animal-fact>button{display:flex;justify-content:space-between;gap:.7rem;width:100%;text-align:left;padding:1rem;font-size:.86rem}.animal-fact>div{padding:0 1rem 1rem;animation:animal-reveal .25s ease}.animal-fact p{font-size:.8rem!important;margin-bottom:.6rem}.animal-fact a{font-size:.7rem}.maria-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:1.7rem;align-items:center}.maria-feature figure{margin:0}.maria-feature img{width:100%;height:auto;display:block;object-fit:contain;background:#111;border-radius:8px}.maria-feature figcaption{margin-top:.5rem}.elephant-family{display:grid;grid-template-columns:1.1fr 1fr;gap:1.5rem;align-items:center}.family-diagram{display:grid;grid-template-columns:1fr 1fr;gap:1rem;position:relative}.family-diagram:before{content:'';position:absolute;left:50%;top:20%;bottom:20%;width:1px;background:#bfd0c1;z-index:0}.family-diagram button{position:relative;z-index:1;background:var(--animal-soft)!important;border-radius:10px;padding:.75rem;font-size:.75rem;color:#3c5c48}.family-diagram button:first-child,.family-diagram button:last-child{grid-column:1/-1;justify-self:center;min-width:60%}.family-diagram button span{display:block;font-size:1.45rem;margin-bottom:.4rem}.family-diagram [aria-pressed=true]{box-shadow:0 0 0 2px var(--animal-green)}#family-story{padding:1rem}.tiny-things{margin-top:2rem;border-top:1px solid var(--global-divider-color,#ddd)}.tiny-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.tiny-pair strong,.tiny-pair span{display:block}.tiny-pair strong{font-size:.72rem;color:var(--animal-green);margin-bottom:.5rem}.tiny-pair span{font-style:italic;color:var(--muted)}@keyframes animal-reveal{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}@media(max-width:650px){.panda-favourites{grid-template-columns:1fr}.panda-favourites article{display:grid;grid-template-columns:110px 1fr;column-gap:1rem}.panda-favourites img{grid-row:1/4;align-self:center}.panda-favourites h4{margin-top:0!important}.panda-favourites p{margin:0}.panda-map-layout,.maria-feature,.elephant-family{grid-template-columns:1fr}.animal-facts{grid-template-columns:1fr}.map-canvas svg{height:230px}.maria-feature{gap:.8rem}#family-story{padding:0}.tiny-pair{gap:1rem}}
/* A quiet photographic journal, with the interaction in the details. */
#animals-world{--animal-green:#526e5c;--animal-soft:#edf2ec;--animal-ink:var(--global-text-color,#28372e)}
#animals-world h3{letter-spacing:-.025em;font-size:1.35rem;font-weight:600}
.animal-tabs{gap:2rem;margin:0 0 2rem}.animal-tabs button{font-size:.9rem;padding:.85rem 0}.animal-tabs [aria-selected=true]{color:var(--animal-ink)}
.panda-favourites{gap:1.4rem;margin:1.5rem 0 3rem}.panda-favourites article{position:relative}.panda-favourites img{aspect-ratio:4/3;object-fit:contain;border-radius:2px;background:#f1f0eb}.panda-favourites h4{font-size:1.1rem!important;letter-spacing:-.02em;margin:1rem 0 .4rem!important}.panda-favourites p{color:var(--muted);font-size:.8rem!important}.panda-favourites small{font-size:.57rem!important}.panda-favourites small a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.animal-section-heading{padding-top:1.8rem;border-top:1px solid var(--global-divider-color,#e1e6de);margin-top:2.8rem}.animal-section-heading button{color:var(--animal-green);font-size:.7rem}.animal-note{max-width:640px}.someday{font-size:.6rem}
.map-canvas svg{height:300px;background:#f3f5ef;border-radius:2px}.map-land{fill:#d3ded0;stroke:#f3f5ef}.panda-map-layout{grid-template-columns:1.7fr 1fr;gap:1.8rem}#panda-place{border-left:0;padding:.25rem 0}#panda-place h4{font-size:1.15rem;line-height:1.4}.place-list{gap:.4rem}.place-list button{font-size:.63rem;border-radius:3px!important}.map-controls button{border-radius:3px!important}
.animal-facts{gap:0 1.7rem}.animal-fact{border:0;border-bottom:1px solid var(--global-divider-color,#e1e6de);border-radius:0}.animal-fact>button{min-height:84px;padding:1rem 0;align-items:center;line-height:1.55;font-size:.87rem}.animal-fact>button span{color:var(--animal-green);font-size:1.15rem;flex-shrink:0}.animal-fact>div{padding:0 .5rem 1.2rem 0}.animal-fact a{color:var(--muted);font-size:.62rem}
.maria-feature{margin:1.8rem 0 2.8rem;gap:2rem}.maria-feature img{border-radius:2px}.maria-feature h3{font-size:1.8rem!important;margin:.5rem 0 1rem!important}.maria-feature p{color:var(--muted)}
.elephant-family{margin:1.6rem 0 1rem;padding:1.5rem 0;gap:2rem}.family-diagram{gap:1.2rem .7rem}.family-diagram button{border-radius:3px;min-height:65px;transition:background .2s}.family-diagram [aria-pressed=true]{box-shadow:none;background:#526e5c!important;color:white}.family-diagram button span{font-size:1.15rem}.family-diagram:before{background:#b5c6b3}#family-story{padding:.5rem 0}#family-story h4{font-size:1.2rem}#family-story p{color:var(--muted)}
.tiny-things{border-top:0;margin:2.5rem 0 0}.tiny-pair span{font-family:Georgia,serif;font-size:1.15rem;line-height:1.6}.tiny-pair strong{letter-spacing:.12em;text-transform:uppercase;font-size:.6rem}
html[data-theme=dark] #animals-world{--animal-soft:#26372d;--animal-green:#a9c3ac}html[data-theme=dark] .map-canvas svg{background:#26322c}html[data-theme=dark] .map-land{fill:#526656;stroke:#26322c}html[data-theme=dark] .panda-favourites img{background:#26322c}
@media(max-width:650px){.panda-favourites{gap:1.5rem}.panda-favourites article{grid-template-columns:125px 1fr}.panda-favourites img{aspect-ratio:1}.panda-favourites h4{margin:0 0 .3rem!important;font-size:.95rem!important}.panda-favourites p{font-size:.73rem!important}.panda-map-layout{grid-template-columns:1fr;gap:.5rem}.animal-facts{grid-template-columns:1fr}.animal-fact>button{min-height:65px}.maria-feature,.elephant-family{grid-template-columns:1fr}.tiny-pair span{font-size:1rem}.map-canvas svg{height:240px}}