/* Give dialogue its own space, clear of the working staff's face. */
.pack-story-link{margin-right:17px}.aircon-comic{height:420px}.aircon-customer{position:absolute;left:0;top:0;width:80px;height:88px;overflow:hidden;border:2px solid #42605e;background:#edf5f3;transform:rotate(-3deg);z-index:5}.aircon-customer img{width:175%;max-width:none;height:auto;transform:translateX(-21%)}.aircon-a{left:98px;right:auto;top:0;max-width:calc(100% - 110px);font-size:13px;padding:13px 21px}.aircon-a:after{left:-8px;top:42%;bottom:auto;transform:rotate(135deg);width:14px;height:14px}.aircon-wash{top:29%;height:60%;width:77%;right:0}.aircon-worker{left:-2%;bottom:10%;width:48%;height:65%}.aircon-sound{top:43%;right:0;font-size:39px}.aircon-b{right:0;bottom:0;max-width:82%;font-size:12px;padding:15px 23px}.aircon-b:after{left:21%;top:-8px;bottom:auto;transform:rotate(210deg)}.micro-copy .text-link{line-height:1.8}.education-a{font-size:12px;max-width:77%;padding:15px 23px}.education-a strong{font-size:inherit}.education-b{font-size:12px;left:28%;right:0;padding:15px 20px}.education-section .education-copy h3{font-size:30px}.education-section .education-copy>p:not(.eyebrow):not(.education-answer){font-size:13px;line-height:2.1}.education-section .education-copy>.education-answer{font-size:12px!important}
.oem-touch-controls{display:none}
/* PC controls stay available to mouse, trackpad and keyboard users. */
@media(min-width:651px){
 .oem-reader .oem-edge-next,.trust-reader .trust-edge-next{display:grid;position:absolute;right:-16px;top:50%;transform:translateY(-50%);place-items:center;width:44px;height:48px;padding:5px;border:0;background:transparent;z-index:8}
 .oem-edge-next svg{width:34px;height:34px;filter:drop-shadow(0 1px 2px #274d3f18)}
 .oem-edge-next circle{fill:#587b6b;stroke:#fff;stroke-width:1.5}
 .oem-edge-next path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
 .oem-reader .oem-touch-controls,.trust-reader .trust-touch-controls{display:flex;justify-content:space-between;gap:18px;margin-top:14px}
 .oem-reader .oem-touch-controls button,.trust-reader .trust-touch-controls button{min-height:44px;min-width:150px;padding:7px 20px;border:1px solid #93ad9c;border-radius:3px;background:#fff;color:#2b5847;font:700 13px var(--body)}
 .oem-reader .oem-touch-controls .oem-next,.trust-reader .trust-touch-controls .trust-next{background:#2d5b4b;color:#fff;border-color:#2d5b4b}
 .oem-reader .oem-touch-controls button:disabled,.trust-reader .trust-touch-controls button:disabled{opacity:.4;cursor:default}
 .oem-scroll .oem-stage,.trust-scroll .trust-stage{height:min(515px,calc(100svh - var(--navigation-height) - 220px))}
 .oem-manual .oem-scroll-sticky,.trust-manual .trust-sticky{position:static;top:auto;padding:0}
 .oem-manual .oem-stage,.trust-manual .trust-stage{height:clamp(440px,calc(100svh - var(--navigation-height) - 140px),520px)}
 .oem-manual .oem-page,.trust-manual .trust-page{position:absolute;margin-bottom:0}
 .oem-manual .oem-chapters,.trust-manual .trust-chapters{margin-top:12px}
}
.oem-stage-shell{position:relative}.oem-edge-next{display:none}
@media(max-width:650px){
 .oem-carousel .oem-stage{width:calc(100% - 36px)}
 .oem-carousel .oem-edge-next{position:absolute;right:-8px;top:54%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:48px;padding:5px;border:0;background:transparent;z-index:8;touch-action:manipulation}
 .oem-edge-next svg{width:34px;height:34px;overflow:visible;filter:drop-shadow(0 1px 2px #274d3f18)}
 .oem-edge-next circle{fill:#587b6b;stroke:#fff;stroke-width:1.5}
 .oem-edge-next path{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
 .oem-edge-next:active svg{transform:scale(.92)}
}
@media(max-width:1000px){.aircon-comic{height:400px}.aircon-a{font-size:12px}.aircon-b{font-size:11px}.education-a,.education-b{font-size:11px}.education-section .education-copy h3{font-size:25px}}
@media(max-width:650px){
 .micro-copy h3{font-size:25px}.micro-copy .pack-story-link{display:flex;width:max-content;margin-bottom:5px}.aircon-comic{height:430px;margin-top:10px}.aircon-customer{width:72px;height:85px;top:0}.aircon-a{left:88px;top:0;right:0;max-width:none;padding:12px 11px;font-size:11px}.aircon-a:after{left:-7px;top:43%;bottom:auto;transform:rotate(135deg);width:12px;height:12px}.aircon-worker{left:-4%;height:65%;width:58%;bottom:11%}.aircon-wash{top:29%;height:60%;width:76%}.aircon-sound{top:42%;font-size:34px}.aircon-b{right:0;bottom:0;max-width:90%;font-size:11px;padding:13px 15px}.aircon-b:after{left:23%;top:-7px;bottom:auto;transform:rotate(210deg)}
 .education-comic{height:345px}.education-a{max-width:91%;font-size:11px;padding:14px 18px}.education-b{left:17%;right:0;font-size:10px;padding:14px 12px}.education-friend{height:95%;bottom:0}.education-team{top:25%;height:58%}.education-section .education-copy h3{font-size:26px}.education-section .education-copy>p:not(.eyebrow):not(.education-answer){font-size:12px}.education-section .education-copy>.education-answer{font-size:11px!important}
 /* No sticky scene, scroll distance, or viewport-height-driven resizing on phones. */
 .oem-reader.oem-carousel{height:auto;position:relative}.oem-carousel .oem-scroll-sticky{position:static;top:auto;padding:0}.oem-carousel .oem-stage{height:475px;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.oem-carousel .oem-scroll-guide{font-size:11px;margin-bottom:12px;padding-bottom:10px}.oem-carousel .oem-touch-controls{display:flex;justify-content:space-between;gap:16px;margin-top:20px}.oem-touch-controls button{min-height:46px;flex:1;padding:10px 15px;border:1px solid #93ad9c;border-radius:3px;background:#fff;color:#2b5847;font:700 12px var(--body)}.oem-touch-controls .oem-next{background:#2d5b4b;color:white;border-color:#2d5b4b}.oem-touch-controls button:disabled{opacity:.4;cursor:default}.oem-carousel .oem-chapters{margin-top:13px;gap:7px}.oem-carousel .oem-chapters button{font-size:9px;min-height:57px}.oem-carousel .oem-play-state{font-size:10px;line-height:1.8;text-align:left;min-height:42px;padding-top:10px}.oem-carousel.oem-animated .oem-art>svg{animation:none}.oem-carousel .oem-page{will-change:auto}.oem-touch-controls button:active:not(:disabled){filter:brightness(.9)}
}
@media(max-width:370px){.aircon-comic{height:410px}.aircon-a{font-size:10px}.aircon-b{font-size:10px;max-width:94%}.aircon-sound{font-size:31px}.education-a{font-size:10px}.education-b{font-size:9px}.oem-carousel .oem-stage{height:455px}.oem-carousel .oem-scroll-guide{font-size:10px}}
