.alarm-reference{margin:32px 0;padding:24px;border:1px solid #d7dfef;border-radius:16px;background:#f0f5ff;color:#1d2452;font-family:'DM Sans',system-ui,sans-serif;min-width:0;scroll-margin-top:20px}.alarm-reference-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}.alarm-reference-eyebrow{font-size:10px;letter-spacing:1px;font-weight:800;color:#52678c}.alarm-reference h2,#safety-lesson .alarm-reference h2{font-size:25px;line-height:1.3;letter-spacing:-.6px;margin:8px 0 12px;color:#1d2452}.alarm-reference-heading p,#safety-lesson .alarm-reference-heading p{font-size:13px;color:#52627d;line-height:1.8;margin:0;max-width:740px}.alarm-reference-controls{display:flex;gap:10px;align-items:center;flex:none}.alarm-reference-controls button{display:flex;align-items:center;justify-content:center;width:42px;min-height:42px;padding:0;border:1px solid #ccd5e9;border-radius:9px;background:#fff;color:#2f3192;font-size:20px;cursor:pointer}.alarm-reference-controls button:disabled{opacity:.4;cursor:not-allowed}.alarm-reference-controls span{font-size:12px;font-weight:700;white-space:nowrap;min-width:43px;text-align:center}.alarm-reference-track{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#adbde0 #e9eef8;border-radius:12px;overscroll-behavior-x:contain;position:relative}.alarm-reference-card{flex:0 0 100%;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#fff;border:1px solid #dce3f1;border-radius:12px;overflow:hidden;scroll-snap-align:start;min-width:0;align-items:start}.alarm-reference-image{background:#fff;align-self:stretch;display:flex;align-items:center;justify-content:center;padding:14px}.alarm-reference-image img{display:block;width:100%;height:auto;aspect-ratio:6/5;object-fit:contain;max-width:600px}.alarm-reference-copy{padding:24px;min-width:0}.alarm-reference-tag{display:inline-block;background:#eaf2ff;color:#2f3192;padding:3px 9px;font-size:10px;font-weight:700;border-radius:5px}.alarm-reference h3,#safety-lesson .alarm-reference h3{font-size:22px;line-height:1.35;margin:12px 0 18px;color:#1d2452;letter-spacing:-.5px}.alarm-reference-copy p,#safety-lesson .alarm-reference-copy p{font-size:13px;line-height:1.8;color:#465175;margin:12px 0}.alarm-reference-copy strong{color:#1d2452}.alarm-reference-copy details{padding:12px;border:1px solid #dce3ef;border-radius:8px;background:#f8faff;margin:14px 0}.alarm-reference-copy summary{font-size:12px;font-weight:700;cursor:pointer;line-height:1.7;color:#2f3192}.alarm-reference-copy .alarm-reference-note,#safety-lesson .alarm-reference-copy .alarm-reference-note{font-size:11px;color:#626984}.alarm-reference-copy>a{font-size:12px;color:#2f3192;font-weight:700;text-decoration:underline;text-underline-offset:4px}.alarm-reference-credit,#safety-lesson .alarm-reference-credit{font-size:11px;line-height:1.8;color:#626984;margin:16px 0}.alarm-reference-credit a{color:#2f3192;text-decoration:underline;text-underline-offset:3px}.alarm-reference-list{background:#fff;border:1px solid #dce3ef;border-radius:9px;padding:14px 16px}.alarm-reference-list>summary{font-size:12px;font-weight:700;cursor:pointer}.alarm-reference-list>div{overflow:auto;margin-top:14px}.alarm-reference-list table{width:100%;min-width:530px;border-collapse:collapse;font-size:12px;line-height:1.7;text-align:left}.alarm-reference-list th,.alarm-reference-list td{padding:12px 10px;border-bottom:1px solid #e5eaf4;vertical-align:top}.alarm-reference a:focus-visible,.alarm-reference button:focus-visible,.alarm-reference summary:focus-visible,.alarm-reference-track:focus-visible{outline:3px solid #6b78bc;outline-offset:3px}.alarm-reference [hidden]{display:none!important}@media(max-width:950px){.alarm-reference{padding:18px}.alarm-reference-card{grid-template-columns:1fr}.alarm-reference-image img{max-height:310px;width:auto;max-width:100%}.alarm-reference-copy{padding:20px}.alarm-reference-heading{flex-direction:column;gap:16px}}@media(max-width:600px){.alarm-reference{padding:14px}.alarm-reference h2,#safety-lesson .alarm-reference h2{font-size:23px}.alarm-reference-copy{padding:16px}.alarm-reference-image{padding:8px}.alarm-reference-image img{width:100%;max-height:none}.alarm-reference-controls button{width:44px;min-height:44px}}
