:root{font-family:system-ui,sans-serif;color:#2a4151;background:#edf5fa;line-height:1.55}*{box-sizing:border-box}main{max-width:900px;margin:auto;padding:24px}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#245b83}h1{line-height:1.2}aside,form,article{background:white;border:1px solid #c8dce9;border-radius:14px;padding:20px;margin:20px 0}aside{background:#fff8e9;border-color:#e0c98e}label{display:block;font-weight:600;margin:12px 0}input,select,button{font:inherit;padding:12px;border:1px solid #9bb8cb;border-radius:8px;max-width:100%;min-height:48px}input,select{display:block;width:100%;margin-top:6px}button{background:#dcecf8;color:#274c65;margin:6px 12px 0 0;cursor:pointer}table{border-collapse:collapse;width:100%;overflow-wrap:anywhere}th,td{text-align:left;padding:10px;border-bottom:1px solid #dae5ed;vertical-align:top}.table-wrap{overflow-x:auto}svg{width:100%;height:220px;background:#f2f6f9;border:1px solid #ccdce5;border-radius:8px}small{display:block}#status{font-weight:600}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3676a1;outline-offset:3px}@media(max-width:500px){main{padding:16px}aside,form,article{padding:14px}th,td{padding:7px;font-size:.9rem}}

#road-map{height:380px;width:100%;border:1px solid #c8dce9;border-radius:14px;overflow:hidden}#road-map-panel[hidden]{display:none}#road-map .mapboxgl-ctrl button{margin:0;padding:0;min-height:36px}#road-map .mapboxgl-ctrl svg{width:auto;height:auto;border:0;background:none}#road-map:focus-visible{outline:3px solid #3676a1;outline-offset:3px}