/* Room-only editorial frame. Global header, exercises and image map are unchanged. */
.listening-collage-heading{position:relative;display:grid;grid-template-columns:14% 64% 22%;align-items:end;padding:clamp(20px,3vw,42px) 2% clamp(10px,1.8vw,24px);isolation:isolate}
.listening-title-block{min-width:0;text-align:center;position:relative;z-index:1}
.listening-collage-heading .listening-title-block h1{display:block;position:relative;margin:0;padding:0 .06em .045em;background:#e7bd53;background-image:radial-gradient(#8d662437 .65px,transparent .85px),linear-gradient(115deg,#f2d48366,transparent 60%);background-size:3px 4px,100% 100%;color:#103e70;font-family:'Oswald','Arial Narrow',Impact,sans-serif;font-size:clamp(38px,8.1vw,110px);font-weight:700;line-height:1.12;letter-spacing:-.025em;transform:rotate(-3deg);box-shadow:2px 3px 0 #80642b22}
.listening-title-block h1::before{content:"";position:absolute;left:10%;top:-12%;width:16%;height:23%;background:#cfb888aa;transform:rotate(7deg);z-index:-1}
.listening-collage-heading .listening-title-block p{margin:13px 0 0;font-family:'Permanent Marker',cursive;font-size:clamp(12px,1.35vw,18px);color:#103e70;line-height:1.35;transform:rotate(-2deg)}
.listening-title-block p span{padding-left:.5em}
.listening-collage-heading .listening-title-block p{position:relative;left:-21.875%;width:156.25%;text-align:center;transform:none}
.listening-heading-kat{display:block;width:68%;height:auto;max-height:185px;object-fit:contain;justify-self:start;align-self:end;margin-left:3%;transform:rotate(4deg);filter:drop-shadow(1px 2px 0 #4d443520)}
.listening-paper-note{display:block;width:max-content;color:#103e70;font:600 clamp(11px,1.3vw,17px)/1.18 'Oswald','Arial Narrow',sans-serif;letter-spacing:.025em;background:#ebd995;padding:.7em .85em;box-shadow:2px 3px 0 #6d583224}
.good-sounds{background:#e4a4af;transform:rotate(-14deg);align-self:center;justify-self:center;margin-top:10px}
.same-language{position:absolute;right:1.8%;top:4%;transform:rotate(-10deg);font-size:clamp(9px,.95vw,13px);padding:.7em}
.listening-heading-star{position:absolute;right:2.1%;bottom:5%;color:#103e70;font-size:clamp(24px,4vw,52px);line-height:1;transform:rotate(12deg)}
.listening-page .listening-room-footer{position:relative;display:flex;justify-content:center;align-items:center;min-height:clamp(70px,9vw,125px);padding:24px 24%;isolation:isolate;overflow:hidden}
.listening-room-footer p{margin:0;text-align:center;font:clamp(10px,1.15vw,15px)/1.5 'Permanent Marker',cursive;color:#103e70;letter-spacing:.06em}
.listening-footer-star{position:absolute;left:3%;top:20%;font-size:clamp(24px,4vw,50px);color:#103e70;transform:rotate(-15deg)}
.listen-note{position:absolute;right:10%;top:8%;transform:rotate(8deg);z-index:1;font-size:clamp(10px,1.1vw,15px)}
.listening-footer-plant{position:absolute;right:-1%;bottom:-28%;width:11%;height:150%;object-fit:contain;object-position:bottom;transform:rotate(-10deg);pointer-events:none}
@media(max-width:600px){.listening-collage-heading{padding-top:23px;grid-template-columns:14% 64% 22%}.listening-collage-heading .listening-title-block h1{font-size:clamp(32px,8.3vw,50px)}.listening-collage-heading .listening-title-block p{font-size:10px;margin-top:9px}.listening-paper-note.good-sounds{font-size:9px;padding:7px 6px}.same-language{font-size:7px;top:2px;right:1%}.listening-heading-kat{width:66%;margin-bottom:6px}.listening-heading-star{right:1.5%;bottom:10%;font-size:23px}.listening-room-footer p{font-size:9px}.listen-note{font-size:9px;right:10%}.listening-page .listening-room-footer{min-height:76px;padding:18px 22%}}
.listening-room:after{content:'';position:absolute;left:49.5%;top:49.7%;width:7.5%;height:17.3%;background:url('assets/room-dog-picture.webp') center/112% 112% no-repeat;clip-path:polygon(8% 0,100% 4%,96% 100%,0 94%);pointer-events:none;z-index:0}
.listening-room:before{content:'';position:absolute;left:54.3%;top:21.9%;width:4.25%;height:23.2%;background:url('assets/room-three-polaroids.webp') center/195% 100% no-repeat;pointer-events:none;z-index:0}