.sp-habitat-graphic{margin:0 auto;max-width:600px;border:1px solid #b6c4a2;border-radius:12px;overflow:hidden;background:#eef2e5;color:#294332}
.sp-habitat-graphic figcaption{font-size:15px;font-weight:600;padding:12px 16px}
.sp-habitat-scene{height:220px;position:relative;overflow:hidden;background:#dbe8cb}
.sp-habitat-scene>img{width:100%;height:100%;object-fit:cover;object-position:50% 52%}
.sp-habitat-crop{position:absolute;inset:0;width:100%;height:100%}
.sp-habitat-animal{position:absolute;width:100px;height:100px;bottom:5%;left:39%}
.sp-graphic-pin{position:absolute;display:grid;place-items:center;width:30px;height:30px;background:#fff8dc;color:#243c31;border:2px solid #365b36;border-radius:50%;font-weight:700;box-shadow:0 2px 4px #183e4566}
.sp-pin-one{top:28%;left:20%}.sp-pin-two{top:75%;left:68%}
.sp-scene-0 .sp-pin-two{top:84%;left:64%}.sp-scene-1 .sp-pin-two{top:64%;left:57%}
.sp-scene-2 .sp-pin-one{top:16%;left:21%}.sp-scene-2 .sp-pin-two{top:77%;left:28%}
.sp-scene-3 .sp-pin-one{top:32%;left:8%}.sp-scene-3 .sp-pin-two{top:6%;left:91%}
.sp-scene-4 .sp-pin-one{top:76%;left:40%}.sp-scene-4 .sp-pin-two{top:22%;left:80%}
.sp-scene-4 .sp-habitat-animal{left:24%;bottom:0}
.sp-graphic-key{display:flex;gap:12px 28px;flex-wrap:wrap;margin:0;padding:12px 20px 8px 40px;font-size:17px;line-height:1.6;list-style-position:outside}
.sp-graphic-key li{padding-right:6px}.sp-graphic-key li::marker{font-weight:700;color:#416840}
.sp-graphic-note{font-size:12px!important;line-height:1.6;margin:0;padding:0 16px 12px;color:#4a624b}
.sp-learning-steps{color:#416840;font-size:14px;line-height:1.7;font-weight:600;margin:0 0 12px}
.sp-graphic-checkpoint .lesson-reading-layout{display:flex!important;flex-direction:column;gap:16px}
.sp-graphic-checkpoint .lesson-passage{width:100%;box-sizing:border-box;padding:14px 18px}
.sp-graphic-checkpoint #tg-reading-text{font-size:18px}
.sp-graphic-checkpoint #tg-reading-graphic{width:100%}
.sp-expression{margin:18px 0;padding:14px 16px;border:1px solid #c1cfae;border-radius:12px;background:#f0f5e8}
.sp-expression summary{cursor:pointer;min-height:32px;font-size:17px;line-height:1.8;font-weight:600}
.sp-expression p,.sp-expression label{font-size:16px!important;line-height:1.8!important;letter-spacing:.02em}
.sp-expression label{display:block;font-weight:600}.sp-expression textarea{font:inherit;font-size:18px;line-height:1.8;display:block;box-sizing:border-box;width:100%;margin:8px 0 12px;padding:12px;border:1px solid #819777;border-radius:8px;color:#243c31;background:#fffdf5;resize:vertical}
.sp-expression-status,.sp-previous-note{font-size:14px!important;line-height:1.7!important;color:#4a624b}
.sp-teacher article{padding:10px 0;border-top:1px solid #c1cfae}.sp-teacher p{overflow-wrap:anywhere}
@media(max-width:650px){.sp-habitat-scene{height:185px}.sp-habitat-animal{width:80px;height:80px}.sp-graphic-key{font-size:16px;display:block}.sp-expression{padding:12px}.sp-habitat-graphic figcaption{font-size:14px}}