/* Choose a pictured scene beside the frame; read one concise summary below it. */
#safety.safety-chapter{display:block;padding-block:60px;scroll-margin-top:150px}
#safety .safety-heading,#safety .safety-layout{width:100%;max-width:none;margin-inline:0}
#safety .safety-heading{margin-bottom:26px}
#safety .safety-heading h2{font-size:clamp(28px,2.5vw,40px);line-height:1.3;font-weight:500;letter-spacing:-.02em;color:#161d26;margin:0}
#safety .safety-layout{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:28px}
#safety .event-tabs{display:grid;grid-template-columns:1fr;gap:10px;margin:0;min-width:0}
#safety .event-tabs button{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:12px;min-height:76px;padding:9px;text-align:start;font:inherit;font-size:13px;line-height:1.45;border:1px solid #dce1e7;border-radius:2px;cursor:pointer}
#safety .event-tabs button img{display:block;width:80px;height:54px;object-fit:cover;border-radius:1px;background:#e7ecf1}
#safety .safety-scene-label{display:block;min-width:0;overflow-wrap:normal}
#safety .safety-stage{display:grid;grid-template-columns:minmax(0,1fr) clamp(190px,16vw,230px);align-items:stretch;min-width:0;overflow:hidden;border:1px solid #dce2e8;border-radius:2px;background:#fff;box-shadow:none}
#safety #event-safety-media{min-width:0;background:#142633}
#safety #event-safety-media>figure{margin:0;width:100%;height:auto}
#safety .vision-detection-stage,#safety .fleet-alarm-stage{border-radius:0;width:100%;margin:0}
#safety .safety-summary{display:block;min-width:0;padding:24px 20px;background:#f5f6f8;color:#263241}
#safety .safety-summary-heading{display:block}
#safety .safety-summary-heading p{font-size:11px;line-height:1.6;color:#66707d;margin:0 0 4px}
#safety .safety-summary-heading h3{font-size:18px;line-height:1.4;font-weight:500;margin:0;color:#263241}
#safety .safety-summary-heading>span{display:block;font-size:11px;color:#66707d;font-variant-numeric:tabular-nums;margin-top:12px;white-space:normal}
#safety .safety-summary dl{display:grid;grid-template-columns:1fr;gap:22px;margin:28px 0 0}
#safety .safety-summary dl>div{min-width:0}
#safety .safety-summary dt{font-size:11px;color:#66707d;line-height:1.7}
#safety .safety-summary dd{margin:3px 0 0;font-size:23px;font-weight:500;line-height:1.4;color:#263241;font-variant-numeric:tabular-nums}
@media(max-width:1200px){
 #safety .safety-stage{grid-template-columns:1fr}
 #safety .safety-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}
 #safety .safety-summary-heading>span{margin-top:0}
 #safety .safety-summary dl{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}
}
@media(max-width:980px){
 #safety .safety-layout{display:block}
 #safety .event-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:155px;grid-template-columns:none;gap:10px;overflow-x:auto;padding:2px 2px 12px;margin:0 0 14px;scroll-snap-type:x proximity;scrollbar-width:thin}
 #safety .event-tabs button{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:10px;padding:8px;scroll-snap-align:start;min-height:0}
 #safety .event-tabs button img{width:100%;height:82px}
 #safety .safety-scene-label{min-height:2.9em;font-size:12px;padding-inline:2px}
}
@media(max-width:740px){
 #safety.safety-chapter{padding-block:40px;scroll-margin-top:125px}
 #safety .safety-heading{margin-bottom:22px}
 #safety .safety-heading h2{font-size:28px}
 #safety .event-tabs{grid-auto-columns:145px;gap:8px}
 #safety .safety-summary{padding:17px}
 #safety .safety-summary-heading{display:block}
 #safety .safety-summary-heading h3{font-size:17px}
 #safety .safety-summary-heading>span{margin-top:8px}
 #safety .safety-summary dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:17px}
 #safety .safety-summary dt{font-size:10px}
 #safety .safety-summary dd{font-size:19px}
}

#safety .safety-group-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;max-width:100%}
#safety .safety-group-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 18px;background:#fff;color:#4c5968;border:1px solid #dce1e7;border-radius:2px;font:inherit;font-size:13px;line-height:1.5;cursor:pointer}
#safety .safety-group-tabs button span{font-size:11px;opacity:.75}
#safety .safety-group-tabs button[aria-pressed="true"]{background:var(--red,#dc2d1b);border-color:var(--red,#dc2d1b);color:#fff}
#safety .safety-group-tabs button:hover{border-color:var(--red,#dc2d1b)}
#safety .event-tabs button[hidden]{display:none}
#safety .safety-lane-zone,#safety .safety-crossing-zone{fill:#ff9e3026;stroke:#ffb36a;stroke-width:1.5;stroke-dasharray:8 5;vector-effect:non-scaling-stroke}
#safety .safety-lane-alert{stroke:#ff7047;stroke-width:4;vector-effect:non-scaling-stroke}
#safety .safety-lane-safe{stroke:#8fe5d4;stroke-width:3;vector-effect:non-scaling-stroke}
#safety .safety-gaze-ray{stroke:#8fe5d4;stroke-width:2;stroke-dasharray:7 4;vector-effect:non-scaling-stroke}
#safety .safety-eye-point{fill:#8fe5d4;stroke:#fff;stroke-width:1}
#safety .safety-obstruction-mark{stroke:#ffb36a;stroke-width:4;vector-effect:non-scaling-stroke}
@media(max-width:740px){
 #safety .safety-group-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:18px}
 #safety .safety-group-tabs button{padding:9px 7px;gap:5px;font-size:12px;min-width:0}
 #safety .safety-summary dd{font-size:clamp(14px,4vw,19px);overflow-wrap:anywhere}
}

#safety .event-tabs button[aria-pressed="true"] .safety-scene-label{color:#fff!important}

@media(max-width:740px){
 #safety .fleet-alarm-target{left:10px!important;top:auto!important;bottom:10px;transform:none;max-width:calc(100% - 20px)}
}