/* Here and Now v5.46: split cinema walkthrough and equipment notices. */
.detail-pane[data-id="cinema"] .lessons {margin-top:26px;padding-top:18px}
.detail-pane[data-id="cinema"] .lessons>h3{font:400 clamp(27px,3vw,39px)/1.2 Georgia,serif;color:#194733;margin-bottom:22px}
.detail-pane[data-id="cinema"] .lesson{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch}
.detail-pane[data-id="cinema"] .lesson-photo{background:#e9ede4;min-height:365px;padding:clamp(16px,2vw,28px)}
.detail-pane[data-id="cinema"] .lesson-photo img{width:100%;height:auto;max-width:100%;max-height:510px;object-fit:contain;border-radius:7px}
.detail-pane[data-id="cinema"] .lesson-copy{min-height:365px;padding:clamp(24px,3vw,54px);background:#fcfcf6}
.detail-pane[data-id="cinema"] .lesson-copy h4{font:400 clamp(26px,2.5vw,43px)/1.14 Georgia,serif;color:#194432;letter-spacing:-.028em}
.detail-pane[data-id="cinema"] .lesson-copy p{font-size:clamp(16px,1.25vw,20px);line-height:1.7;color:#325443}
.detail-pane[data-id="cinema"] .zoom-button{right:16px;bottom:16px;min-height:40px;padding:8px 15px;z-index:2}
.detail-pane[data-id="cinema"] .copy .cinema-features{margin-top:28px}
.detail-pane[data-id="cinema"] .copy .cinema-features h3{font:400 clamp(25px,2.8vw,37px)/1.2 Georgia,serif;color:#194432;margin:0 0 14px}
.detail-pane[data-id="cinema"] .copy .cinema-features p{font-size:clamp(15px,1.15vw,18px);line-height:1.75}
.detail-pane[data-id="cinema"] .cinema-hdmi{margin:26px 0 19px;padding:clamp(19px,2.5vw,30px);border:1px solid #cbdacf;border-left:5px solid #42755b;border-radius:0 15px 15px 0;background:#ebf2ec}
.detail-pane[data-id="cinema"] .cinema-hdmi h3{font:400 clamp(24px,2.4vw,34px)/1.2 Georgia,serif;color:#174431;margin:0 0 12px}
.detail-pane[data-id="cinema"] .cinema-hdmi p{font-size:clamp(15px,1.15vw,17px);line-height:1.65;color:#305344}
.detail-pane[data-id="cinema"] .tv-equipment-warning{margin:20px 0 35px;padding:clamp(18px,2.5vw,27px);border:2px solid #af613d;border-left:7px solid #ad4c31;border-radius:12px;background:#fff0e7}
.detail-pane[data-id="cinema"] .tv-equipment-warning .tv-warning-heading{display:flex;align-items:flex-start;gap:12px;font:750 clamp(15px,1.35vw,19px)/1.35 Inter,system-ui,sans-serif;color:#8f321d;margin:0 0 13px}
.detail-pane[data-id="cinema"] .tv-equipment-warning .tv-warning-heading strong{font:inherit}
.detail-pane[data-id="cinema"] .tv-equipment-warning .tv-warning-icon{font:800 29px/1 system-ui,sans-serif;color:#b54c26;flex:none}
.detail-pane[data-id="cinema"] .tv-equipment-warning p{font-size:clamp(15px,1.1vw,17px);line-height:1.7;color:#653a2f;margin:0}
@media (max-width:1050px){
 .detail-pane[data-id="cinema"] .lesson{grid-template-columns:minmax(0,1fr)}
 .detail-pane[data-id="cinema"] .lesson-photo{min-height:0;padding:clamp(10px,2vw,20px)}
 .detail-pane[data-id="cinema"] .lesson-photo img{max-height:none;width:100%}
 .detail-pane[data-id="cinema"] .lesson-copy{min-height:0;padding:clamp(23px,3vw,36px)}
}
@media (max-width:540px){
 .detail-pane[data-id="cinema"] .lesson-copy{padding:23px 21px 27px}
 .detail-pane[data-id="cinema"] .lesson-copy h4{font-size:27px;line-height:1.17}
 .detail-pane[data-id="cinema"] .lesson-copy p{font-size:16px;line-height:1.64}
 .detail-pane[data-id="cinema"] .zoom-button{right:12px;bottom:12px}
 .detail-pane[data-id="cinema"] .tv-equipment-warning{padding:17px 15px 20px}
}
