/* Only the five refined hardware product pages opt into these rules. */
body.cm-hw-refined[data-cm-product] .cm-story-copy :is(h1,h2){max-width:420px}
body.cm-hw-refined[data-cm-product] .cm-proof{box-shadow:none;border:0;background:#fff}
body.cm-hw-refined[data-cm-product] .cm-story-visual>.cm-proof,
body.cm-hw-refined[data-cm-product] .cm-story-visual [data-cm-panel]>.cm-proof{max-height:100%;width:100%}
body.cm-hw-refined[data-cm-product] .cm-proof--field{width:100%;max-height:560px;aspect-ratio:4/3;background:#f5f6f8}
body.cm-hw-refined[data-cm-product] .cm-proof--field img{width:100%;height:100%;object-fit:cover}
body.cm-hw-refined[data-cm-product] .hw-ref-video{aspect-ratio:16/9;max-height:500px;background:#f5f6f8}
body.cm-hw-refined[data-cm-product] .hw-ref-video video{object-fit:contain}
body.cm-hw-refined[data-cm-product] .cm-proof--phone{width:auto!important;height:560px;max-height:100%;flex-shrink:0;justify-self:center}
body.cm-hw-refined[data-cm-product] .cm-proof--phone img{height:100%;width:auto;max-height:100%;max-width:100%;object-fit:contain}
body.cm-hw-refined[data-cm-product] .hw-ref-original{height:auto;max-height:560px;max-width:500px;border-radius:0}
body.cm-hw-refined[data-cm-product] .hw-ref-original img{width:auto;height:auto;max-width:100%;max-height:560px;object-fit:contain}
body.cm-hw-refined[data-cm-product] .hw-ref-original--474{max-width:430px}
body.cm-hw-refined[data-cm-product] .hw-ref-thermal-camera{max-width:340px}
body.cm-hw-refined[data-cm-product] .hw-ref-thermal-strip{height:auto;max-width:490px;border-radius:10px}
body.cm-hw-refined[data-cm-product] .hw-ref-thermal-strip img{width:100%;height:auto}
body.cm-hw-refined[data-cm-product] .hw-ref-hardware-pair{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px}
body.cm-hw-refined[data-cm-product] .hw-ref-hardware-pair .cm-proof--phone{height:520px}
body.cm-hw-refined[data-cm-product] .hw-ref-thermal-stack{display:flex;flex-direction:column;align-items:center;gap:26px;min-width:0}
body.cm-hw-refined[data-cm-product] .hw-ref-thermal-stack .hw-ref-thermal-camera{max-width:300px}
body.cm-hw-refined[data-cm-product] .hw-ref-sensor-app{max-width:430px}
body.cm-hw-refined[data-cm-product] .hw-ref-sensor-photo img{object-position:center 45%}
body.cm-hw-refined[data-cm-product] .hw-ref-license{max-width:520px}
body.cm-hw-refined[data-cm-product] .cm-proof--phone.hw-ref-helmet{width:302px!important;height:560px;aspect-ratio:437/810;position:relative;border-radius:0;overflow:hidden}
body.cm-hw-refined[data-cm-product] .hw-ref-helmet img{position:absolute;left:50%;top:0;height:100%;width:auto;max-width:none;transform:translateX(-50%)}
body.cm-hw-refined[data-cm-product] .hw-ref-admin{width:100%;border:1px solid #e9ebef;border-radius:12px;aspect-ratio:1485/812}
body.cm-hw-refined[data-cm-product] .hw-ref-admin img{width:100%;height:auto;max-height:none;object-fit:contain}
body.cm-hw-refined[data-cm-product] .hw-ref-feature .cm-visual{display:flex;justify-content:center;align-items:center;min-width:0}
body.cm-hw-refined[data-cm-product] .hw-ref-feature .cm-proof{max-height:560px}
body.cm-hw-refined[data-cm-product] .hw-ref-record-wide .cm-refine-heading{max-width:650px;margin-bottom:48px}
body.cm-hw-refined[data-cm-product] .hw-ref-record-wide .cm-proof{max-width:1160px;margin:0 auto}
body.cm-hw-refined[data-cm-product] .hw-ref-install-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;margin-bottom:36px}
body.cm-hw-refined[data-cm-product] .hw-ref-install-heading h2{margin:0;max-width:600px}
body.cm-hw-refined[data-cm-product] .hw-ref-install-heading ul{display:flex;gap:24px;flex-wrap:wrap;list-style:none;margin:10px 0 0;padding:0;color:#596273;font-size:15px}
body.cm-hw-refined[data-cm-product] .hw-ref-install-photos{display:grid;grid-template-columns:1fr 1fr;gap:28px}
body.cm-hw-refined[data-cm-product] .hw-ref-install-photos .cm-proof{height:420px;aspect-ratio:auto}
body.cm-hw-refined[data-cm-product] .hw-ref-tag-photo{max-width:620px}
body.cm-hw-refined[data-cm-product] .hw-ref-tag-photo img{object-position:50% 48%}
body.cm-hw-refined[data-cm-product] .cm-hw-faq{border-top:1px solid #edf0f4}
body.cm-hw-refined[data-cm-product] .cm-related{background:#fff;border-top:1px solid #edf0f4}
body.cm-hw-refined[data-cm-product] .cm-related a>img{background:#f7f8fa}
body.cm-hw-refined[data-cm-product] .cm-proof[data-hw-enlarge]{cursor:zoom-in}
body.cm-hw-refined[data-cm-product] .cm-proof[data-hw-enlarge]:focus-visible{outline:2px solid #4c00ff;outline-offset:5px}
body.cm-hw-refined[data-cm-product] .hw-ref-dialog{position:fixed;inset:0;margin:auto;padding:52px 20px 20px;border:0;border-radius:12px;background:#fff;max-width:calc(100vw - 32px);max-height:calc(100svh - 32px);overflow:auto}
body.cm-hw-refined[data-cm-product] .hw-ref-dialog::backdrop{background:rgba(19,24,34,.65)}
body.cm-hw-refined[data-cm-product] .hw-ref-dialog img{display:block;max-width:100%;max-height:calc(100svh - 110px);width:auto;height:auto;margin:auto;object-fit:contain}
body.cm-hw-refined[data-cm-product] .hw-ref-dialog button{position:absolute;right:12px;top:8px;min-width:44px;min-height:36px;background:#fff;border:0;border-radius:6px;color:#333b45;font:inherit;font-size:14px;cursor:pointer}
body.cm-hw-refined[data-cm-product] .hw-ref-dialog button:focus-visible{outline:2px solid #4c00ff}
@media(max-width:1150px) and (min-width:761px){
 body.cm-hw-refined[data-cm-product] .hw-ref-install-heading{display:block}
 body.cm-hw-refined[data-cm-product] .hw-ref-install-heading ul{margin-top:24px}
 body.cm-hw-refined[data-cm-product] .hw-ref-install-photos .cm-proof{height:330px}
}
@media(max-width:760px){
 body.cm-hw-refined[data-cm-product] .cm-proof--field{height:100%;max-height:100%;aspect-ratio:4/3}
 body.cm-hw-refined[data-cm-product] .hw-ref-video{height:auto;aspect-ratio:16/9}
 body.cm-hw-refined[data-cm-product] .cm-proof--phone{height:100%;max-width:100%}
 body.cm-hw-refined[data-cm-product] .hw-ref-original{max-height:100%;height:auto}
 body.cm-hw-refined[data-cm-product] .hw-ref-original img{max-height:100%;width:auto;height:auto}
 body.cm-hw-refined[data-cm-product] .hw-ref-thermal-camera{max-width:270px}
 body.cm-hw-refined[data-cm-product] .hw-ref-hardware-pair{grid-template-columns:1fr;justify-items:center;gap:18px}
 body.cm-hw-refined[data-cm-product] .hw-ref-thermal-stack{gap:16px;max-width:100%;max-height:100%}
 body.cm-hw-refined[data-cm-product] .hw-ref-thermal-stack .hw-ref-thermal-camera{max-width:230px}
 body.cm-hw-refined[data-cm-product] .cm-proof--phone.hw-ref-helmet{height:100%;width:auto!important;max-height:100%}
 body.cm-hw-refined[data-cm-product] .hw-ref-admin{max-height:none;height:auto!important}
 body.cm-hw-refined[data-cm-product] .hw-ref-feature .cm-visual{height:auto}
 body.cm-hw-refined[data-cm-product] .hw-ref-feature .cm-proof--phone{height:560px;max-height:75svh}
 body.cm-hw-refined[data-cm-product] .hw-ref-feature .cm-proof--field{height:340px;max-height:60svh}
 body.cm-hw-refined[data-cm-product] .hw-ref-record-wide .cm-refine-heading{margin-bottom:28px}
 body.cm-hw-refined[data-cm-product] .hw-ref-install-heading{display:block;margin-bottom:28px}
 body.cm-hw-refined[data-cm-product] .hw-ref-install-heading ul{margin-top:24px;gap:12px 20px;font-size:13px}
 body.cm-hw-refined[data-cm-product] .hw-ref-install-photos{grid-template-columns:1fr;gap:18px}
 body.cm-hw-refined[data-cm-product] .hw-ref-install-photos .cm-proof{height:300px}
 body.cm-hw-refined[data-cm-product] .hw-ref-dialog{padding:48px 12px 12px;max-width:calc(100vw - 20px)}
}
@media(prefers-reduced-motion:reduce){
 body.cm-hw-refined[data-cm-product] [data-cm-panel]{animation:none!important;transition:none!important}
}
/* Show the task area at a readable scale without changing source screenshots. */
body.cm-hw-refined[data-cm-product] .cm-proof.hw-ref-crop{width:390px!important;max-width:100%;height:auto;aspect-ratio:var(--crop-ratio);position:relative;overflow:hidden;border-radius:12px;border:1px solid #e8ebef}
body.cm-hw-refined[data-cm-product] .cm-proof.hw-ref-crop>img{position:absolute;left:var(--crop-left);top:var(--crop-top);width:var(--crop-image-width);height:auto!important;max-width:none;max-height:none;object-fit:initial}
body.cm-hw-refined[data-cm-product] .hw-ref-check-pair{grid-template-columns:minmax(0,1fr) minmax(350px,390px);gap:28px}
body.cm-hw-refined[data-cm-product] .hw-ref-check-pair .cm-proof--field{height:400px;max-height:100%;border-radius:14px}
body.cm-hw-refined[data-cm-product] .cm-proof.hw-ref-sign-crop{width:330px!important}
body.cm-hw-refined[data-cm-product] .cm-proof.hw-ref-mission-detail{width:470px!important}
body.cm-hw-refined[data-cm-product] .hw-ref-thermal-context{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
body.cm-hw-refined[data-cm-product] .hw-ref-thermal-context .hw-ref-thermal-field{height:440px}
body.cm-hw-refined[data-cm-product] .hw-ref-enlarge-label{position:absolute;bottom:10px;right:10px;z-index:2;padding:7px 11px;border:1px solid #dce0e7;background:#fff;border-radius:6px;color:#495363;font-size:12px;line-height:1.2}
body.cm-hw-refined[data-cm-product] .hw-ref-dialog{width:calc(100vw - 32px);height:calc(100svh - 32px);max-width:1400px;max-height:960px;overscroll-behavior:contain}
body.cm-hw-refined[data-cm-product] .hw-ref-dialog>button{position:fixed;top:26px;right:26px;z-index:5;border:1px solid #e1e4ea;min-height:44px;padding:8px 16px}
body.cm-hw-refined[data-cm-product] .hw-ref-dialog-viewport{position:relative;margin:auto;overflow:hidden}
body.cm-hw-refined[data-cm-product] .hw-ref-dialog img{display:block;width:var(--hw-image-width);height:auto;max-height:none;max-width:none;margin:0;object-fit:initial}
body.cm-hw-refined[data-cm-product] .hw-ref-dialog-viewport.is-cropped img{position:absolute;left:var(--hw-image-left);top:var(--hw-image-top)}
@media(max-width:1150px) and (min-width:761px){
 body.cm-hw-refined[data-cm-product] .hw-ref-check-pair{grid-template-columns:minmax(0,1fr)}
 body.cm-hw-refined[data-cm-product] .hw-ref-check-pair>.cm-proof--field{display:none}
}
@media(max-width:760px){
 body.cm-hw-refined[data-cm-product] .hw-ref-check-pair{grid-template-columns:minmax(0,1fr);gap:0}
 body.cm-hw-refined[data-cm-product] .hw-ref-check-pair>.cm-proof--field{display:none}
 body.cm-hw-refined[data-cm-product] .cm-proof.hw-ref-check-crop{width:min(100%,350px)!important;max-height:100%;align-self:start;aspect-ratio:450/600}
 body.cm-hw-refined[data-cm-product] .cm-proof.hw-ref-sign-crop{width:min(100%,276px)!important;align-self:start}
 body.cm-hw-refined[data-cm-product] .cm-proof.hw-ref-mission-detail{width:min(100%,400px)!important;align-self:start}
 body.cm-hw-refined[data-cm-product] .hw-ref-admin{position:relative;overflow:hidden;aspect-ratio:550/490;height:auto!important}
 body.cm-hw-refined[data-cm-product] .hw-ref-admin-calendar img{position:absolute;max-width:none!important;width:270%!important;height:auto!important;left:-45.4545%;top:-14.2857%;object-fit:initial}
 body.cm-hw-refined[data-cm-product] .hw-ref-admin-detail{aspect-ratio:670/735}
 body.cm-hw-refined[data-cm-product] .hw-ref-admin-detail img{position:absolute;max-width:none!important;width:221.642%!important;height:auto!important;left:-3.582%;top:-3.401%;object-fit:initial}
 body.cm-hw-refined[data-cm-product='thermal'] .hw-ref-thermal-context{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:16px;height:330px;align-self:start}
 body.cm-hw-refined[data-cm-product='thermal'] .hw-ref-thermal-context .hw-ref-thermal-camera{max-width:100%}
 body.cm-hw-refined[data-cm-product='thermal'] .hw-ref-thermal-context .hw-ref-thermal-field{height:330px;display:flex}
 body.cm-hw-refined[data-cm-product='thermal'] .hw-ref-thermal-stack{align-self:start}
 body.cm-hw-refined[data-cm-product='thermal'] .hw-ref-thermal-stack .hw-ref-thermal-camera{max-width:270px}
 body.cm-hw-refined[data-cm-product] .hw-ref-dialog{width:calc(100vw - 20px);height:calc(100svh - 20px)}
 body.cm-hw-refined[data-cm-product] .hw-ref-enlarge-label{font-size:11px;right:8px;bottom:8px;padding:7px 9px}
}
body.cm-hw-refined[data-cm-product] .hw-ref-check-pair .cm-proof--field img[src*='forklift-proximity-original']{object-position:right center}