html,body,#map{margin:0;width:100%;height:100%;font-family:Arial,sans-serif}header{position:absolute;top:16px;left:16px;max-width:65%;padding:14px 18px;background:#fffffff0;border-radius:6px;box-shadow:0 2px 12px #0002;pointer-events:none}strong{display:block;color:#193c4a;font-size:20px}span{font-size:13px;color:#455b63}p{margin:8px 0 0;font-size:12px;color:#455b63}.maplibregl-ctrl-attrib{font-size:12px}

nav{display:flex;gap:6px;margin-top:10px;pointer-events:auto}nav a{padding:5px 12px;border:1px solid #d6dee2;border-radius:4px;text-decoration:none;font-size:13px;color:#455b63;background:#fff}nav a[aria-current="page"]{background:#294a58;color:#fff;border-color:#294a58}nav a:focus-visible{outline:2px solid #294a58;outline-offset:3px}

nav{flex-wrap:wrap}