.course-thumb{overflow:hidden;position:relative}.course-thumb .course-index,.course-thumb .course-label{z-index:2;background:rgba(255,255,255,.9);color:#4c6243;padding:4px 7px;border-radius:4px;top:12px}.course-thumb .course-index{left:12px}.course-thumb .course-label{right:12px}.course-media{position:relative;width:100%;height:100%;overflow:hidden;background:#f2f3ec}.course-media>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.course-card:hover .course-media>img{transform:scale(1.035)}.course-image-credit{position:absolute;bottom:8px;right:10px;background:rgba(255,255,255,.87);border-radius:4px;padding:3px 6px;font-size:8px;color:#63715a;letter-spacing:0;z-index:1}.plc-course-photo{background:#fff}.plc-course-photo>img{object-fit:contain;padding:14px}.course-media-cover.sensor-mosaic{padding:30px 14px 15px;gap:6px}.sensor-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;background:linear-gradient(135deg,#f0f2e6,#e3e9da)}.sensor-mosaic>div{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;gap:6px}.sensor-mosaic img{object-fit:contain;width:58%;height:100%;max-height:100px;mix-blend-mode:multiply}.sensor-mosaic>div>span{font-size:9px;color:#536448;white-space:nowrap}.sensor-mosaic .course-image-credit{font-size:7px;bottom:5px}.course-detail-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:center;padding:32px;overflow:hidden}.course-detail-hero>div:first-child{min-width:0}.course-detail-hero>.course-media-detail{height:270px;border-radius:13px;align-self:stretch}.course-detail-hero .sensor-mosaic img{max-height:115px}.course-detail-hero .sensor-mosaic>div>span{font-size:10px}.course-visual-section{padding:25px;margin-bottom:28px}.course-visual-section .section-heading{margin-bottom:18px}.course-visual-section h2{font-size:17px}.course-device-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.course-device-tile{display:flex;flex-direction:column;text-align:left;align-items:stretch;position:relative;cursor:zoom-in;background:#fafbf7;border:1px solid #e9edde;border-radius:10px;padding:14px;transition:background .2s,border-color .2s}.course-device-tile:hover{background:#f2f6e9;border-color:#c3d4ad}.course-device-tile>img{width:100%;height:126px;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}.course-device-tile:hover>img{transform:scale(1.04)}.course-device-tile>span{padding-top:12px}.course-device-tile b{display:block;font-size:12px;line-height:1.7;color:#435b35}.course-device-tile small{display:block;font-size:9px;color:#829474;margin-top:3px}.course-device-tile>.icon{position:absolute;right:9px;top:9px;width:12px;height:12px;color:#8da477}.course-visual-note{font-size:10px;line-height:1.9;color:#829475;margin:15px 0 0}.course-scene-preview{width:100%;height:240px;position:relative;display:block;border-radius:10px;overflow:hidden;cursor:zoom-in;margin-bottom:16px}.course-scene-preview>img{width:100%;height:100%;object-fit:cover;object-position:center 54%;transition:transform .4s}.course-scene-preview:hover>img{transform:scale(1.025)}.course-scene-preview>span{position:absolute;right:14px;bottom:13px;background:rgba(255,255,255,.93);border-radius:7px;padding:8px 11px;font-size:10px;color:#60764b;display:flex;align-items:center;gap:5px}.course-scene-preview .icon{width:13px;height:13px}.course-scene-large{width:100%;max-height:65vh;object-fit:contain;border-radius:10px}.course-visual-section:has(.course-scene-preview) .course-device-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.course-visual-section:has(.course-scene-preview) .course-device-tile{flex-direction:row;align-items:center;gap:10px}.course-visual-section:has(.course-scene-preview) .course-device-tile>img{width:64px;height:65px}.course-visual-section:has(.course-scene-preview) .course-device-tile>span{padding:0}.equipment-picture:has(img[src*="/sensors/"]),.device-card-image:has(img[src*="/sensors/"]){background:#f2f3ed}.equipment-picture img[src*="/sensors/"],.device-card-image img[src*="/sensors/"]{mix-blend-mode:multiply}
@media(max-width:1100px){.course-detail-hero{gap:20px;padding:26px}.course-detail-hero>.course-media-detail{height:235px}.course-device-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.course-visual-section:has(.course-scene-preview) .course-device-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.course-detail-hero{grid-template-columns:1fr;padding:22px;gap:22px}.course-detail-hero>.course-media-detail{height:220px}.course-visual-section{padding:18px}.course-visual-section h2{font-size:14px}.course-device-strip{gap:8px}.course-device-tile{padding:11px}.course-device-tile>img{height:100px}.course-device-tile b{font-size:11px}.course-scene-preview{height:200px}.course-visual-section:has(.course-scene-preview) .course-device-strip{grid-template-columns:1fr}.course-thumb .sensor-mosaic>div>span{font-size:8px}.course-media-cover.sensor-mosaic{padding:29px 8px 12px;gap:2px}.course-visual-section .section-heading .btn{font-size:9px;padding:7px}.course-thumb .course-index,.course-thumb .course-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){.course-media>img,.course-device-tile,.course-device-tile>img,.course-scene-preview>img{transition:none}}