*{box-sizing:border-box}body{margin:0;background:#f5f2e7;color:#243f32;font-family:ui-rounded,"Arial Rounded MT Bold",Arial,"PingFang SC",sans-serif}main{max-width:1080px;margin:auto;padding:30px 22px 70px}.eyebrow{font-size:14px;letter-spacing:2px;text-transform:uppercase}h1{font-size:clamp(36px,7vw,66px);line-height:1.08;margin:18px 0 10px}h1 span{display:block;font-size:.64em;margin-top:16px}h2{font-size:30px;margin:0 0 22px}h2 span{display:block;font-size:23px;margin-top:8px}.intro{font-size:19px;line-height:1.6}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0 14px}.gallery button{background:white;border:0;border-radius:24px;padding:10px;cursor:zoom-in}.gallery img{width:100%;height:240px;object-fit:contain;border-radius:18px}.hint{font-size:16px;color:#5d6c60}section{padding:30px;background:white;border-radius:28px;margin-top:28px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px}.card{margin:0;background:#f4f5ed;border-radius:20px;overflow:hidden}.card img{width:100%;height:190px;object-fit:cover}.card figcaption{padding:18px;font-size:23px;font-weight:bold}.card span{display:block;margin-top:8px;font-size:21px}.note{font-size:21px;line-height:1.6}.wonder{background:#e4edce}.safety{background:#ffefd6;padding:15px 22px;border-radius:18px;font-size:19px}.footer{font-size:14px;margin-top:35px}a{color:inherit}button{font:inherit}dialog{border:0;border-radius:20px;padding:20px;max-width:94vw}dialog::backdrop{background:#173425dd}dialog img{display:block;max-width:86vw;max-height:75vh;object-fit:contain}dialog button{padding:15px;border:0;background:#dfe9d1;border-radius:12px;display:block;margin:15px auto 0}.links{display:grid;gap:12px}.links a{padding:18px;background:white;border-radius:15px;font-size:23px;text-decoration:none}.qrgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.qrcard{break-inside:avoid;text-align:center;background:white;border:2px solid #738c6b;border-radius:18px;padding:18px}.qrcard img{width:185px;height:185px}.qrcard h2{font-size:25px;margin:8px}.qrcard p{margin:8px}.print{padding:15px 25px;border:0;border-radius:12px;background:#294f3c;color:white;cursor:pointer}@media(max-width:650px){.gallery{grid-template-columns:1fr 1fr}.gallery img{height:180px}.gallery button:first-child{grid-column:1/-1}.gallery button:first-child img{height:260px}section{padding:22px}.qrgrid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.card img{height:150px}}@media print{body{background:white}main{padding:0}.qrgrid{grid-template-columns:1fr 1fr;gap:12px}.qrcard{height:330px}.print,.noprint{display:none}h1{font-size:30px}.footer{display:none}@page{size:A4;margin:12mm}}
.labelled-photo{margin:0;min-width:0}.labelled-photo button{width:100%;display:block;text-align:left;border:0;background:white;color:inherit;padding:10px;border-radius:22px;cursor:zoom-in}.photo-window{display:block;overflow:hidden;border-radius:16px;background:#fafaf4;height:230px}.labelled-photo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0}.close-view img{transform:scale(1.65);object-fit:cover}.photo-label{display:block;padding:15px 8px;font-size:22px;font-weight:600;line-height:1.3}.photo-label span{display:block;font-size:21px;margin-top:8px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.cards .photo-window img{object-fit:cover}.cards .labelled-photo button{background:#f4f5ed;height:100%}.gallery button{height:100%}video{display:block;width:100%;max-height:540px;border-radius:18px;background:#172a20;margin-top:20px}.video-tip{font-size:19px;line-height:1.5}.video-transcript{font-size:19px;line-height:1.5}button:focus-visible,a:focus-visible{outline:4px solid #c28c1e;outline-offset:4px}@media(max-width:650px){.gallery{grid-template-columns:1fr 1fr}.gallery .labelled-photo:first-child{grid-column:1/-1}.gallery button:first-child{grid-column:auto}.photo-window{height:185px}.gallery .labelled-photo:first-child .photo-window{height:260px}.cards{grid-template-columns:1fr}.cards .photo-window{height:230px}.photo-label{font-size:21px}}
.gallery .photo-window img{border-radius:0}.gallery{align-items:stretch}.gallery .labelled-photo:first-child{grid-column:auto}@media(max-width:650px){.gallery .labelled-photo:first-child .photo-window{height:auto}.gallery{grid-template-columns:1fr 1fr}.photo-label{font-size:19px}.photo-label span{font-size:19px}}
/* Keep responsive image sources aligned with each photo window. */
.photo-window picture{display:block;width:100%;height:100%}








/* V3 ACCESSIBLE MEDIA */
.photo-window,.gallery .photo-window,.gallery .labelled-photo:first-child .photo-window{position:relative!important;height:230px!important;aspect-ratio:auto!important}
.photo-window img{position:static!important;width:100%!important;height:100%!important;transform:none!important;object-fit:contain!important;border-radius:0}
.labelled-photo .image-button{display:block;width:100%;padding:10px;border:0;border-radius:22px;background:white;cursor:zoom-in;height:auto}
.gallery .labelled-photo{background:white;border-radius:22px;overflow:hidden}.cards .labelled-photo{background:#f4f5ed;border-radius:22px;overflow:hidden}
.cards .image-button{background:#f4f5ed}.cards .labelled-photo .image-button{height:auto!important}.photo-label{padding:12px 15px 18px}.photo-label>span{display:block}
.readable{line-height:1.5}.spoken-text{display:inline!important;font:inherit!important;margin:0!important}
.speak,.labelled-photo .speak,dialog .speak{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;width:42px!important;height:42px!important;min-width:42px;padding:9px!important;margin:3px 0 3px 7px!important;border:1px solid #adc69a!important;border-radius:50%!important;background:#e7efd9!important;color:#234a37;cursor:pointer}
.speak svg{width:22px;height:22px;pointer-events:none}.speak[aria-pressed=true]{background:#f2cd6d!important;border-color:#85651c!important}
h1>.readable{display:block}h1>.readable[lang=en-GB]{font-size:1em}h1>.readable[lang=zh-CN]{font-size:.64em;margin-top:16px}h2>.readable{display:block}h2>.readable[lang=en-GB]{font-size:1em}h2>.readable[lang=zh-CN]{font-size:23px;margin-top:8px}.photo-label>.readable[lang=en-GB]{font-size:1em}.photo-label>.readable[lang=zh-CN]{font-size:21px;margin-top:8px}
.audio-help{font-size:18px;line-height:1.6}.links .discovery-link{display:block}.links .readable{display:inline-block;margin-right:5px}.links>a{display:block}
.index-card{background:white;border-radius:15px;display:flex;align-items:center;gap:15px;padding:12px}.index-card>a{flex:1;text-decoration:none;font-size:23px}.index-card .readable{display:block}.index-audio{display:flex;gap:4px}.index-audio .speak{margin-left:0!important}
dialog .close-photo{width:auto;display:block}dialog img{max-width:86vw;max-height:74vh;width:auto;height:auto}.audio-status:empty{display:none}.audio-status{font-size:17px;color:#704c17}
@media(max-width:650px){.photo-window,.gallery .photo-window,.gallery .labelled-photo:first-child .photo-window{height:180px!important}.cards .photo-window{height:230px!important}.photo-label>.readable[lang=zh-CN]{font-size:19px}.photo-label{font-size:19px;padding:9px}.speak,.labelled-photo .speak{width:40px!important;height:40px!important;min-width:40px}.gallery{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}}

/* V4 visual discovery cues */
.section-icon{width:32px;height:32px;float:left;margin:4px 12px 6px 0;color:#2f6547}.appearance-intro{margin:22px 0;padding:24px;background:#e7efd9;border-radius:24px}.appearance-intro p{font-size:21px;line-height:1.6}.feature-arrows{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.photo-window{display:block}.feature-arrows *{pointer-events:none}