header{gap:12px}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand img{height:42px;width:42px;display:block}
.brand span{font-size:18px;font-weight:bold;line-height:1.15}.brand small{display:block;font-size:11px;font-weight:normal;color:#cfd9e8}
nav.main{display:flex;gap:6px;flex-wrap:wrap}nav.main a{color:#fff;text-decoration:none;padding:7px 12px;border-radius:4px;font-size:14px}
nav.main a:hover{background:rgba(255,255,255,.18)}nav.main a.on{background:#ffd76a;color:#1f3a5f;font-weight:bold}
footer{margin-top:18px;background:#1f3a5f;color:#d7e1ef;text-align:center;padding:14px;font-size:13px;line-height:1.7}
footer a{color:#ffd76a;text-decoration:none}footer a:hover{text-decoration:underline}
h1.pt{margin:0;padding:12px 18px 0;font-size:20px;color:#1f3a5f}
.hero{max-width:1000px;margin:26px auto 10px;padding:0 16px;text-align:center}.hero h2{font-size:30px;color:#1f3a5f;margin:0 0 10px}
.mpbtn{font-size:15px;padding:10px 18px}.hero p{font-size:16px;line-height:1.6;color:#444;max-width:780px;margin:8px auto}
.stats{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;max-width:1000px;margin:20px auto;padding:0 16px}
.stat{background:#fff;border:1px solid #d5dbe3;border-radius:8px;padding:16px 22px;min-width:150px;text-align:center}.stat b{display:block;font-size:30px;color:#1f3a5f}.stat span{font-size:13px;color:#666}
.cards{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;max-width:1000px;margin:10px auto;padding:0 16px}
.card{flex:1 1 320px;background:#fff;border:1px solid #d5dbe3;border-radius:8px;padding:18px}.card h3{margin:0 0 6px;color:#1f3a5f}.card p{color:#555;font-size:14px;line-height:1.5}
.how{max-width:1000px;margin:16px auto;padding:0 16px}.how h3{color:#1f3a5f}.how ol{line-height:1.8;color:#333}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chips a{background:#e6eef8;color:#1f3a5f;text-decoration:none;border-radius:14px;padding:5px 12px;font-size:13px}.chips a:hover{background:#ffd76a}

*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#222}
header{background:#1f3a5f;color:#fff;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
header h1{font-size:19px;margin:0}header a{color:#ffd76a;text-decoration:none;font-size:14px}header a:hover{text-decoration:underline}
.wrap{display:flex;gap:16px;padding:14px;flex-wrap:wrap;align-items:flex-start}
.bar{padding:10px 14px 0;font-size:14px;color:#333}.wrap{justify-content:center}.mapbox{flex:0 1 900px;min-width:300px;background:#fff;border:1px solid #d5dbe3;border-radius:6px;padding:8px;position:relative}
.mapbox svg{width:100%;height:auto;display:block;max-height:88vh}
.panel{flex:1 1 380px;min-width:300px;background:#fff;border:1px solid #d5dbe3;border-radius:6px;padding:12px;max-height:88vh;overflow:auto}
.panel h2{margin:0 0 4px;font-size:18px;color:#1f3a5f}.hint{color:#666;font-size:13px;margin:0 0 8px}
table{border-collapse:collapse;width:100%;font-size:13px}th,td{border:1px solid #dde2e8;padding:6px 7px;text-align:left}
th{background:#eef2f7;position:sticky;top:0}tr:nth-child(even) td{background:#fafbfc}
.btn{display:inline-block;background:#1f3a5f;color:#fff;padding:6px 11px;border-radius:4px;text-decoration:none;font-size:13px;margin:4px 6px 8px 0;border:0;cursor:pointer}
.btn:hover{background:#2f568c}
.reg{fill:#fff;stroke:#555;stroke-width:.9;fill-rule:evenodd;vector-effect:non-scaling-stroke;transition:fill .12s}
.reg.has{fill:#cfe3f7;cursor:pointer}.reg.has.c2{fill:#9cc6ee}.reg.has.c3{fill:#5fa2e0}
.reg.none{fill:#f1f1f1}
.reg:hover,.reg:focus{fill:#ffb02e!important;outline:none}
.reg.sel{fill:#ff7a00!important}
.lbl{fill:#102a5c;text-anchor:middle;pointer-events:none;font-family:Arial,sans-serif}
#modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:20;align-items:center;justify-content:center;padding:14px}#modal.open{display:flex}.box{background:#fff;border-radius:8px;max-width:820px;width:100%;max-height:88vh;overflow:auto;padding:16px;position:relative}.x{position:absolute;right:10px;top:6px;border:0;background:none;font-size:28px;cursor:pointer;color:#555}.x:hover{color:#000}#tip{position:fixed;display:none;background:#222;color:#fff;padding:6px 9px;border-radius:4px;font-size:13px;pointer-events:none;z-index:9;max-width:230px;box-shadow:0 2px 6px rgba(0,0,0,.3)}
#tip b{color:#ffd76a}.legend{font-size:12px;color:#555;margin:6px 4px 0}.legend i{display:inline-block;width:12px;height:12px;vertical-align:middle;border:1px solid #777;margin:0 3px 0 10px}

.lang{background:#fff;color:#1f3a5f;border:0;border-radius:4px;padding:6px 8px;font-size:14px;max-width:170px}
.tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
body{top:0!important}.goog-te-banner-frame,.skiptranslate iframe,#goog-gt-tt,.goog-tooltip{display:none!important}.goog-text-highlight{background:none!important;box-shadow:none!important}
#google_translate_element{display:none}
.mapbox svg{max-height:none!important}.mapwrap{position:relative}
.tl{position:absolute;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;pointer-events:none;color:#102a5c;font-family:Arial,sans-serif;line-height:1.05}
.note{max-width:1000px;margin:6px auto;padding:0 16px;font-size:12px;color:#777;text-align:center}