.hazard-trial{border:2px solid #ba7000;border-radius:10px;padding:12px;margin-top:18px;font-size:13px;overflow-wrap:anywhere}
.map-toolbar:has(.hazard-quick){flex-wrap:wrap}
.hazard-quick{flex:0 0 100%;display:flex;align-items:center;gap:8px;min-width:0}
.hazard-quick button{min-height:44px;flex:0 0 auto;padding:6px 9px;font-size:11px;background:#edf4f0;color:#17645b}
.hazard-quick button[aria-pressed=true]{background:#17645b;color:white}
.hazard-quick span{font-size:10px;line-height:1.4;overflow-wrap:anywhere;min-width:0}
.hazard-trial h3{margin:0 0 8px}
.hazard-trial label{display:flex;align-items:center;gap:8px;min-height:44px}
.hazard-trial input[type=checkbox]{width:24px;height:24px;flex-shrink:0}
.hazard-trial input[type=range]{width:100%;height:44px;margin:0}
.hazard-trial summary{min-height:44px;padding:12px 0;cursor:pointer;font-weight:bold}
.hazard-trial img{display:block;max-width:100%;height:auto;margin-block:8px}
.hazard-trial a{display:inline-block;min-height:44px;padding-block:10px}
.hazard-map-notice{background:#fff4dbed;color:#643c00;padding:3px 5px;font-size:9px;max-width:210px;pointer-events:none;line-height:1.4}
.map-fullscreen:not(.route-mode) .hazard-map-notice{margin-bottom:var(--map-clearance,120px)}