/* Andaman explorer: warm paper, turquoise water and clear geographic hierarchy. */
:root{color:#234740;background:#f6f7f2;--mint:#117f76;--muted:#647e79}
.atlas{background:#f6f7f2;grid-template-columns:330px minmax(0,1fr);grid-template-rows:80px minmax(420px,1fr) auto}
.masthead{background:#fffefa;border-color:#dae5dd;padding:18px 32px}.brand{color:#154e48;letter-spacing:-.6px}.brand svg{stroke:#159b8b}.masthead p{color:#68837b;font-size:12px}
.area-panel{background:#fffefa;border-color:#dce6dc;border-radius:22px;box-shadow:0 12px 35px #174f4110;padding:25px 23px;margin:20px 16px;width:calc(100% - 32px);max-height:calc(100% - 40px)}
.eyebrow{color:#16877a;letter-spacing:2.4px;font-size:9px}h1{color:#194d43;font-size:46px;margin:18px 0 14px}h1>span{font-size:21px;color:#4b7165}.panel-intro{font-size:12px;line-height:1.9;color:#72867b;margin:0 0 22px}
.map-surface{border:1px solid #aad4cc;border-radius:25px;margin:20px 20px 20px 0;width:auto;height:auto;background:#9ad8d9;box-shadow:inset 0 0 60px #216c6b10}
.district-shape{fill:url(#land);stroke:#f6f5df;stroke-width:1.5}.district-shape:hover,.district-shape:focus,.district-shape.active{fill:#f1d697;stroke:#fffbed;stroke-width:2.5}.district-shape.muted{fill:#bed0ac;stroke:#e6ebd2}.neighbor-shape{fill:#d5dfc6;stroke:#a3bfae;stroke-width:1}.neighbor-shape:hover,.neighbor-shape:focus{fill:#c1d5b1;stroke:#608e7d}
.district-name,.tambon-name{fill:#285c4b;stroke:#f5f3dc;stroke-opacity:.9;font-weight:600}.neighbor-name{fill:#6d8979;stroke:#dce7cf}.tambon-shape{fill:#a4c99b;stroke:#edf4d7;fill-opacity:.92}.tambon-shape:hover,.tambon-shape:focus,.tambon-shape.active{fill:#efce89;stroke:#fff9e5}.tambon-name.active{fill:#654c23}.province-shape{fill:#a4c89d;stroke:#f3f5db}.province-shape:hover,.province-shape:focus{fill:#efd496;stroke:#fffbed}
#map-breadcrumbs,#map-breadcrumbs button{color:#739082}#map-breadcrumbs button[aria-current]{color:#176c5e;font-weight:600}
.select-fields label,.area-search>label{color:#56766b}select,.area-search>input{background:#f4f7ef;border-color:#d6e1d3;color:#285548;color-scheme:light;border-radius:11px;min-height:46px}.area-search>input::placeholder{color:#8b9b8d}.area-search>input:focus,select:focus{border-color:#3c9c87;outline-color:#3c9c87}
.scope-actions button,.retry-area{background:#177d6d;color:#fff;border-color:#177d6d;border-radius:10px}.scope-actions button:hover,.retry-area:hover{background:#116455}.scope-actions button[aria-pressed=true]{background:#e0eee2;color:#256454}.scope-actions #back-phangnga{color:#377764;border-color:#bad1c0}.context-toggle{color:#648171}.context-toggle input{accent-color:#168273}.scope-note{color:#829184}#area-status{color:#386c55;border-color:#e0e7da}#area-status[aria-busy=true]{color:#98712b}#search-status{color:#718575}.search-result{background:#f4f7ee;border-color:#dbe6d5;color:#2c604b}.search-result span{color:#788e7d}.search-result:hover,.search-result:focus-visible{background:#e5efde}
.terrain-modes{background:#fffefaed;border-color:#ffffffb3;box-shadow:0 5px 22px #255d5614;border-radius:14px;top:20px;left:20px}.terrain-modes button{color:#52766a}.terrain-modes button[aria-pressed=true]{background:#177d6d;color:#fff}.terrain-status{background:#fffefaed;color:#42705b;top:78px;left:20px}
.map-controls button{background:#fffefaed;border-color:#fffefa;color:#276c5e;box-shadow:0 4px 18px #245e5720;border-radius:13px}.map-controls button:hover{background:#eaf5e6}.compass{color:#387e78;top:26px}.sea-label{color:#367e86;font-size:12px;letter-spacing:6px}.sea-label span{color:#55969b}.gesture-hint{color:#357b79;background:#effaf2d9;border:1px solid #ffffff88;border-radius:20px;padding:7px 13px;right:auto;bottom:18px;left:20px;font-size:10px}
.map-footer{background:#f6f7f2;border-color:#dce6dc;color:#799084;padding-top:10px;padding-bottom:10px}.map-footer .operations-link{color:#477561}.footer-identity>span{color:#8b9a8b}.map-footer>.source-credits>summary{color:#68816f;border-color:#d6e1d3}.map-footer>.source-credits>div{background:#fffefa;border-color:#d6e1d3;color:#526f5c}#terrain-attribution .maplibregl-ctrl-attrib{color:#68816f!important}#terrain-attribution .maplibregl-ctrl-attrib a{color:#367b65!important}
:focus-visible{outline-color:#138c79}.map-surface.is-3d{border-color:#bfd4c6}
@media(max-width:1000px){.atlas{grid-template-columns:285px minmax(0,1fr)}.area-panel{padding:20px 17px}h1{font-size:40px}.map-surface{margin-right:14px}}
@media(max-width:720px){.atlas{height:auto;min-height:100svh;grid-template-columns:minmax(0,1fr);grid-template-rows:68px 56svh auto auto}.masthead{padding:16px 20px}.map-surface{margin:0 10px;border-radius:20px;min-height:320px}.area-panel{margin:12px 10px 18px;width:auto;max-height:none;padding:20px}.panel-intro{font-size:11px;margin:0 0 14px}h1{font-size:29px;margin:0 0 8px}h1>span{font-size:16px}.eyebrow{display:block;margin-bottom:8px;font-size:8px}.terrain-modes{top:12px;left:12px}.terrain-status{top:62px;left:12px}.gesture-hint{bottom:12px;left:12px;padding:5px 10px;font-size:9px}.sea-label{font-size:9px}.map-controls{bottom:48px}.select-fields{gap:8px}select{font-size:12px}.area-search>input{font-size:13px}.context-toggle,#area-status{font-size:11px}.map-footer{padding:12px 18px}}
