header{position:relative;padding-right:60px}.brand{min-width:0}.brand b{max-width:235px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand small{font-size:9px;letter-spacing:0}header #info{display:none}.v5-speaker{position:fixed;right:max(12px,calc((100vw - 520px)/2 + 12px));top:max(10px,env(safe-area-inset-top));z-index:110;width:40px;height:40px;background:#fff;border:1px solid #b8cec0;border-radius:50%;box-shadow:0 3px 12px #17312622;font-size:23px}.v5-route,.v5-audio,.v5-gallery,.v5-game{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;margin:12px 0}.v5-route h2,.v5-audio h2,.v5-gallery h2,.v5-game h2{font-size:19px;margin:6px 0 12px}.v5-route p,.v5-audio p,.v5-gallery p,.v5-game p,.v5-observation p{font-size:13px;line-height:1.8;color:#526b5a}.v5-route-links{display:flex;gap:10px;justify-content:space-between}.v5-route a{color:#24543d;text-decoration:none;font-size:12px;line-height:1.6}.v5-route summary,.v5-audio summary{cursor:pointer;padding:12px 0;font-size:13px;color:#24543d}.v5-node-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v5-node-grid a{background:#f0f5ed;border-radius:8px;padding:8px}.v5-node-grid [aria-current]{background:#24543d;color:white}.v5-audio audio{width:100%;height:42px}.v5-game{margin:10px 12px 20px}.v5-tabs{display:flex;gap:5px;flex-wrap:wrap}.v5-game button,.v5-quick{border:1px solid #bbcebd;border-radius:10px;padding:10px;background:#edf4e9;color:#24543d;cursor:pointer;margin:4px 0;font-size:13px}.v5-tabs [aria-pressed=true]{background:#24543d;color:white}.v5-choices{display:grid;gap:5px}.v5-choices button{text-align:left;background:white}.v5-credit a{font-size:12px;color:#24543d;margin-right:12px}.v5-credit p{font-size:11px}.v5-photos{display:grid;gap:12px}.v5-photos figure{margin:0;border-radius:12px;overflow:hidden;background:#f3f6ef}.v5-photos img{width:100%;height:auto;display:block}.v5-photos figcaption{padding:12px}.v5-photos h3{margin:0;font-size:16px}.v5-photos small{letter-spacing:0;font-weight:400;line-height:1.8;display:block}.v5-observation{padding:15px}.v5-observation h3{font-size:16px}.step-tabs{grid-template-columns:repeat(auto-fit,minmax(65px,1fr))}.head p{line-height:1.7}.quizfixed{padding-bottom:16px}.screen{overflow-x:hidden}.v5-game button:disabled{opacity:.65}audio{max-width:100%}

.eco-page.interactive header{padding-right:58px}.eco-page header>.v5-speaker{width:40px;height:40px;background:#fff;font-size:23px;right:max(12px,calc((100vw - 460px)/2 + 12px))}.eco-page .brand b{font-size:13px;max-width:235px}.eco-page .brand small{font-size:9px}@media(min-width:700px){.eco-page header>.v5-speaker{top:max(28px,calc((100dvh - 900px)/2 + 10px))}}

.v5-audio-hint{position:fixed;right:max(12px,calc((100vw - 460px)/2 + 12px));top:56px;z-index:115;background:#24543d;color:white;border-radius:8px;padding:8px 10px;font-size:12px;box-shadow:0 3px 12px #17312622}.v5-audio-hint[hidden]{display:none}@media(min-width:700px){.v5-audio-hint{top:max(74px,calc((100dvh - 900px)/2 + 56px))}}
