.cmap{margin:var(--sp-6) 0;scroll-margin-top:calc(var(--bl-hdr,64px) + 22px)}.cmap__frame{border:1px solid var(--line-strong);border-radius:var(--r-md);background:color-mix(in oklab, var(--art-sea) 20%, var(--deep-850));touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;height:min(82vh,860px);position:relative;overflow:hidden}@media (width<=720px){.cmap__frame{height:min(75vh,135vw)}}.cmap[data-zoomed] .cmap__frame{touch-action:none}.cmap__frame.is-dragging{cursor:grabbing}.cmap__frame>svg{width:100%;height:100%;display:block}.cmap .cm-coastglow{stroke-opacity:.14;stroke-width:10px}.cmap .cm-halo{fill-opacity:.22}.blogx .prose .cmap a{color:inherit;text-decoration:none}.cmap .cm-pin{cursor:pointer;transform:scale(var(--cm-inv,1));transform-box:view-box}.cmap .cm-pin:hover .cm-disc,.cmap .cm-pin:focus-visible .cm-disc{stroke:var(--text-100)}.cmap .cm-pin:focus{outline:none}.cmap .cm-name{pointer-events:none;display:none}.cmap[data-names] .cm-name,.cmap .cm-pin:hover .cm-name,.cmap .cm-pin:focus-visible .cm-name{display:inline}.cmap__ctrl{top:var(--sp-3);right:var(--sp-3);gap:6px;display:grid;position:absolute}.cmap__ctrl button{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--deep-800);width:40px;height:40px;color:var(--text-100);box-shadow:var(--shadow-lift);cursor:pointer;place-items:center;padding:0;display:grid}.cmap__ctrl button:hover{color:var(--accent-ink);border-color:var(--accent-ink)}.cmap__ctrl button:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px}.cmap__ctrl svg{width:18px;height:18px}.cmap__hint{inset:auto var(--sp-3) var(--sp-3) var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--deep-800);color:var(--text-100);font-size:var(--fs-small);text-align:center;opacity:0;pointer-events:none;margin:0;line-height:1.4;transition:opacity .2s;position:absolute}.cmap__hint.is-on{opacity:.94}.cmap__cap{margin-top:var(--sp-3);font-size:var(--fs-small);color:var(--text-400);flex-wrap:wrap;align-items:center;gap:6px 14px;line-height:1.5;display:flex}.cmap__key{color:var(--text-300);align-items:center;gap:6px;display:inline-flex}.cmap__key:before{content:"";background:var(--cm-c);border-radius:50%;width:12px;height:12px}.cmap__cap span.cmap__note{flex-basis:100%}.cmap.is-full .cmap__frame{z-index:1000;border:0;border-radius:0;height:auto;position:fixed;inset:0}html.cmap-lock{overflow:hidden}.cmap .cm-svg{--cm-sea:color-mix(in oklab, var(--art-sea) 20%, var(--deep-850));--cm-land:var(--deep-700);--cm-ink:var(--text-100);--cm-quiet:var(--text-600);--cm-halo:var(--deep-700);font-family:var(--font-ui)}.cmap .cm-sea{fill:var(--cm-sea)}.cmap .cm-wave{fill:none;stroke:var(--aqua-ink);stroke-opacity:.09;stroke-width:1.4px}.cmap .cm-land{fill:var(--cm-land)}.cmap .cm-coastglow{fill:none;stroke:var(--aqua-500);stroke-opacity:.35;stroke-width:14px}.cmap .cm-coast{fill:none;stroke:var(--aqua-ink);stroke-opacity:.6;stroke-width:2px}.cmap .cm-green{fill:var(--art-palm);fill-opacity:.16}.cmap .cm-beach{fill:var(--art-sand);fill-opacity:.55}.cmap .cm-water{fill:var(--cm-sea)}.cmap .cm-roads path{fill:none;stroke:var(--cm-quiet);stroke-linecap:round;stroke-linejoin:round}.cmap .cm-r-res{stroke-opacity:.22;stroke-width:1.3px}.cmap .cm-r-rail{stroke-opacity:.4;stroke-width:2px;stroke-dasharray:6 6}.cmap .cm-r-ter{stroke-opacity:.45;stroke-width:2.6px}.cmap .cm-r-sec{stroke-opacity:.62;stroke-width:4px}.cmap .cm-r-trunk{stroke-opacity:.75;stroke-width:6px}.cmap .cm-roadlabel{font-family:var(--font-ui);letter-spacing:1.5px;fill:var(--cm-ink);fill-opacity:.8;stroke:var(--cm-halo);stroke-width:6px;stroke-linejoin:round;paint-order:stroke;font-size:21px;font-weight:500}.cmap .cm-label{font-family:var(--font-display);font-weight:600}.cmap .cm-label--sea{font-family:var(--font-ui);letter-spacing:4px;fill:var(--aqua-ink);fill-opacity:.6;font-size:24px;font-weight:400}.cmap .cm-label--pratamnak,.cmap .cm-label--jomtien,.cmap .cm-label--najomtien{letter-spacing:8px;font-size:36px}.cmap .cm-label--pratamnak{fill:var(--sun-500)}.cmap .cm-label--jomtien{fill:var(--aqua-ink)}.cmap .cm-label--najomtien{fill:var(--coral-ink)}.cmap .cm--pratamnak{--cm-c:var(--sunset-a);--cm-on:var(--on-sunset);--cm-t:var(--sun-500)}.cmap .cm--jomtien{--cm-c:var(--aqua-500);--cm-on:var(--on-aqua);--cm-t:var(--aqua-ink)}.cmap .cm--najomtien{--cm-c:var(--coral-500);--cm-on:var(--on-coral);--cm-t:var(--coral-ink)}.cmap .cm-leader{stroke:var(--cm-c);stroke-opacity:.9;stroke-width:2.2px}.cmap .cm-dot{fill:var(--cm-land);stroke:var(--cm-c);stroke-width:2.5px}.cmap .cm-halo{fill:var(--cm-c);fill-opacity:.3}.cmap .cm-disc{fill:var(--cm-c);stroke:var(--deep-900);stroke-width:4px}.cmap .cm-num{font-family:var(--font-ui);fill:var(--cm-on);text-anchor:middle;font-size:23px;font-weight:700}.cmap .cm-name{font-family:var(--font-ui);fill:var(--cm-ink);stroke:var(--cm-halo);stroke-width:7px;stroke-linejoin:round;paint-order:stroke;font-size:24px;font-weight:600}.cmap .cm-scale rect{fill:var(--cm-ink);fill-opacity:.8}.cmap .cm-scale text{fill:var(--cm-ink);fill-opacity:.8;font-size:22px}.cmap .cm-attr{fill:var(--cm-ink);fill-opacity:.55;font-size:17px}