.hazard-tool{margin:17px 0}.hazard-intro{font-size:11px;line-height:2;color:#546c80;background:#eef5f6;border-radius:9px;padding:12px;margin-top:12px}.hazard-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:13px 0 8px}.hazard-controls button{font-size:10px;padding:7px 9px}.hazard-controls select{width:auto;max-width:145px;margin:0;font-size:11px;min-height:34px;padding:5px}.hazard-map{border:1px solid #9fb4c0;border-radius:10px;background:#edf3f4;overflow:hidden;direction:ltr}.hazard-map svg{display:block;width:100%;height:auto;aspect-ratio:2416/2126;touch-action:none;cursor:crosshair;user-select:none}.hazard-map svg:active{cursor:grabbing}.hazard-feedback{padding:11px 12px;font-size:11px;line-height:1.9;background:#f5f8fa;border:1px solid #d9e4e8;border-radius:9px;margin:13px 0}.hazard-bands{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hazard-bands>div{border:1px solid #b5d6cf;background:#f1f8f5;border-radius:10px;padding:12px}.hazard-bands span{font-size:11px;color:#53746a;display:block}.hazard-bands strong{display:block;font-size:16px;color:#17574e;margin:7px 0}.hazard-bands small{font-size:10px;color:#53746a}#hazard-apply{width:100%;margin-top:12px;font-size:11px;padding:11px}.hazard-tool input[readonly]{background:#eaf2f4!important}.hazard-report-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.hazard-report-pair svg{width:100%;height:auto;border-radius:10px;border:1px solid #bbccd3;background:#d6e3e4}.hazard-report-pair figcaption{font-size:10px;color:#617789}.hazard-report-pair figure{margin:0}.hazard-provenance{font-size:10px;line-height:2;overflow-wrap:anywhere;margin-top:15px;color:#617789}.hazard-report-warning{font-size:11px;color:#825121;background:#fff5e5;border:1px solid #ead4ac;border-radius:8px;padding:11px;margin-top:12px}.hazard-report-table{margin-top:12px}.hazard-report-table td,.hazard-report-table th{font-size:10px}.hazard-hash{font:9px/1.8 monospace;direction:ltr;overflow-wrap:anywhere;display:block}.hazard-tool [name=latitude],.hazard-tool [name=longitude]{text-align:left!important}
.controls input[readonly]{background:#eaf2f4!important;color:#28556c}
@media(max-width:480px){.hazard-controls{gap:5px}.hazard-controls button{font-size:9px;padding:7px}.hazard-controls select{font-size:10px;max-width:130px;min-height:34px}.hazard-report-pair{gap:8px}.hazard-bands>div{padding:9px}.hazard-bands strong{font-size:13px}.hazard-bands small{font-size:9px}}
@media print{.hazard-report-pair{grid-template-columns:1fr 1fr}.hazard-report-warning{font-size:10px}.hazard-hash{font-size:8px}}