.area-page{display:block}.ar-livemap{padding:var(--s5) 0 var(--s7)}.ar-livemap .sec-head{margin-bottom:var(--s4);text-align:center}.ar-livemap .sec-head p{margin-inline:auto}.area-page .ar-hero{border-radius:0;align-items:flex-end;min-height:clamp(420px,62vh,560px);display:flex;position:relative;overflow:hidden}.area-page .ar-hero__img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.area-page .ar-hero__veil{background:var(--grad-night);z-index:1;position:absolute;inset:0}.area-page .ar-hero__inner{z-index:2;width:100%;padding-top:var(--s7);padding-bottom:var(--s6);position:relative}.area-page .ar-hero .kicker{color:var(--lagoon)}.area-page .ar-hero h1{color:#fff;max-width:16ch;margin:var(--s2) 0 var(--s2)}.area-page .ar-hero__lead{color:#ffffffdb;font-size:var(--text-body-lg);max-width:54ch;margin-bottom:var(--s4)}.area-page .ar-jump{gap:var(--s1);flex-wrap:wrap;display:flex}.area-page .ar-jump .chip{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border-color:#ffffff47}.area-page .ar-jump .chip:hover,.area-page .ar-jump .chip:focus-visible{color:var(--steel);background:#fff;border-color:#fff}.area-page section{padding:var(--s7) 0}.area-page .sec-head{max-width:62ch;margin-bottom:var(--s5)}.area-page .sec-head h2{margin:var(--s1) 0 var(--s2)}.area-page .sec-head p{color:var(--text-muted);font-size:var(--text-body-lg)}.area-page .bg-sunken{background:var(--bg-sunken)}.area-page .glance{gap:var(--s5);grid-template-columns:1.15fr .85fr;align-items:stretch;display:grid}.area-page .ar-mapcard{background:var(--bg-inverse);border-radius:var(--radius-surface);padding:var(--s4);box-shadow:var(--elev-2);position:relative;overflow:hidden}.area-page .ar-mapcard__title{align-items:center;gap:var(--s1);color:#ffffffb3;font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--s2);display:flex}.area-page .ar-schematic{border-radius:var(--r-lg);width:100%;height:auto;display:block}.area-page .ar-schematic text{font-family:var(--font-display);fill:#fff}.area-page .ar-pin-label{font-size:11px;font-weight:700}.area-page .ar-pin-sub{fill:#fff9;font-size:8.5px;font-family:var(--font-body)}.area-page .ar-legend{gap:var(--s2);flex-direction:column;justify-content:center;display:flex}.area-page .ar-legend__row{align-items:flex-start;gap:var(--s2);padding:var(--s2) var(--s3);border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-surface);transition:var(--dur);display:flex}.area-page .ar-legend__row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-1)}.area-page .ar-legend__dot{border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:3px;box-shadow:0 0 0 3px #0178b41a}.area-page .ar-legend__txt b{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-strong);display:block}.area-page .ar-legend__txt .vibes{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.area-page .d-central{background:var(--ocean)}.area-page .d-jomtien{background:var(--green-500)}.area-page .d-naklua{background:var(--amber-500)}.area-page .d-pratumnak{background:var(--lagoon)}.area-page .d-wongamat{background:var(--steel)}.area-page .d-walking{background:var(--live-500)}.area-page .d-islands{background:#13a39a}.area-page .vibe{border-radius:var(--r-pill);font-family:var(--font-display);font-weight:600;font-size:var(--text-xs);align-items:center;gap:5px;padding:4px 11px;line-height:1;display:inline-flex}.area-page .vibe:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:7px;height:7px}.area-page .vibe--nightlife{background:var(--live-soft);color:#b5283c}.area-page .vibe--beach{color:#0a7e9c;background:#e1f6fb}.area-page .vibe--family{background:var(--green-soft);color:#0d6b46}.area-page .vibe--quiet{color:var(--steel);background:#e7eef6}.area-page .vibe--local{background:var(--amber-soft);color:#9a6e10}.area-page .vibe--luxury{color:#6a4fb0;background:#efe9f7}.area-page .vibe--backpacker{color:#b5651d;background:#fef0e4}.area-page .vibe--foodie{color:#b54a5a;background:#fdeef0}.area-page .vibe--snorkel{color:#0a7d6b;background:#d8f3ee}.area-page .vibe--daytrip{color:#2a5fa6;background:#eaf2fb}.area-page .ar-districts{gap:var(--s6);flex-direction:column;display:flex}.area-page .area-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-surface);box-shadow:var(--elev-1);scroll-margin-top:var(--s5);transition:box-shadow var(--dur),border-color var(--dur);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);display:grid;overflow:hidden}.area-page .area-card:hover{box-shadow:var(--elev-2);border-color:var(--border-strong)}.area-page .area-card.flip{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.area-page .area-card.flip .area-card__media{order:2}.area-page .area-card.flip .area-card__body{order:1}.area-page .area-card__media{min-height:340px;position:relative}.area-page .area-card__media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.area-page .area-card__num{top:var(--s3);left:var(--s3);background:var(--grad-pin);color:#fff;width:42px;height:42px;font-family:var(--font-display);font-weight:800;font-size:var(--text-h4);box-shadow:var(--shadow-2);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.area-page .area-card__body{padding:var(--s5);flex-direction:column;display:flex}.area-page .area-card__best{color:var(--ocean);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);align-items:center;gap:7px;display:flex}.area-page .area-card__body h3{font-size:var(--text-h2);margin:6px 0 var(--s2);font-weight:800}.area-page .area-card__vibes{margin-bottom:var(--s3);flex-wrap:wrap;gap:7px;display:flex}.area-page .area-card__stats{gap:var(--s2);margin-bottom:var(--s3);flex-wrap:wrap;display:flex}.area-page .ministat{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-sunken);min-width:96px;padding:var(--s2) var(--s3);flex:1}.area-page .ministat b{font-family:var(--font-display);font-size:var(--text-h3);color:var(--steel);letter-spacing:-.02em;font-weight:800;line-height:1.1;display:block}.area-page .ministat span{font-size:var(--text-xs);color:var(--text-faint)}.area-page .area-card__desc{color:var(--text-body);font-size:var(--text-base);margin-bottom:var(--s4)}.area-page .area-card__spots{gap:var(--s1);margin-bottom:var(--s4);border-top:1px solid var(--border);padding-top:var(--s3);flex-direction:column;list-style:none;display:flex}.area-page .area-card__spots .lbl{font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin-bottom:2px}.area-page .spot{align-items:center;gap:var(--s2);padding:7px var(--s1);border-radius:var(--r-sm);transition:var(--dur);min-height:44px;display:flex}.area-page .spot:hover{background:var(--bg-sunken)}.area-page .spot__thumb{border-radius:var(--r-sm);object-fit:cover;background:var(--bg-sunken);flex-shrink:0;width:44px;height:44px}.area-page .spot__pin{border-radius:var(--r-sm);background:var(--blue-50);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.area-page .spot__name{font-family:var(--font-display);font-weight:600;font-size:var(--text-base);color:var(--text-strong)}.area-page .spot__type{font-size:var(--text-xs);color:var(--text-faint)}.area-page .area-card__cta{gap:var(--s2);flex-wrap:wrap;margin-top:auto;display:flex}.area-page .compare-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.area-page .compare{min-width:640px}.area-page .compare th:first-child,.area-page .compare td:first-child{background:var(--bg-surface);font-family:var(--font-display);color:var(--text-strong);box-shadow:1px 0 0 var(--border);font-weight:700;position:sticky;left:0}.area-page .compare th:first-child{background:var(--blue-50)}.area-page .compare .cell-strong{font-weight:700}.area-page .meter{vertical-align:middle;gap:3px;display:inline-flex}.area-page .meter i{background:var(--ink-200);border-radius:50%;width:7px;height:7px;display:inline-block}.area-page .meter i.on{background:var(--ocean)}.area-page .meter.is-night i.on{background:var(--live-500)}.area-page .meter.is-beach i.on{background:#0a7e9c}.area-page .meter-lbl{font-size:var(--text-xs);color:var(--text-faint);margin-left:6px}.area-page .persona{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-surface);padding:var(--s5);box-shadow:var(--elev-1)}.area-page .persona__chips{gap:var(--s2);margin-bottom:var(--s4);flex-wrap:wrap;display:flex}.area-page .persona__panel{align-items:flex-start;gap:var(--s3);padding:var(--s4);border-radius:var(--r-lg);background:var(--bg-sunken);border:1px solid var(--blue-100);min-height:96px;display:flex}.area-page .persona__panel .ic{border-radius:var(--r-md);width:48px;height:48px;box-shadow:var(--shadow-1);background:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.area-page .persona__panel b{font-family:var(--font-display);font-size:var(--text-h3);color:var(--steel);margin-bottom:4px;display:block}.area-page .persona__panel p{color:var(--text-body);font-size:var(--text-base);margin:0}.area-page .persona__panel a{color:var(--ocean);font-weight:700}.area-page .ar-tip{gap:var(--s2);flex-direction:column;display:flex}.area-page .ar-tip .alert{align-items:flex-start}.area-page .ar-tip__local{align-items:center;gap:var(--s1);color:var(--text-muted);font-size:var(--text-sm);font-weight:600;font-family:var(--font-display);display:flex}.area-page a:focus-visible,.area-page button:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--r-sm);outline:none}.area-page .chip:focus-visible{box-shadow:var(--focus-ring)}.area-page .area-card:target{box-shadow:0 0 0 3px var(--lagoon),var(--elev-2)}@media (prefers-reduced-motion:reduce){.area-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}html{scroll-behavior:auto}}@media (max-width:980px){.area-page .glance{gap:var(--s4);grid-template-columns:1fr}.area-page .area-card,.area-page .area-card.flip{grid-template-columns:1fr}.area-page .area-card.flip .area-card__media,.area-page .area-card.flip .area-card__body{order:0}.area-page .area-card__media{min-height:240px}}@media (max-width:768px){.area-page section{padding:var(--s6) 0}.area-page .ar-hero__inner{padding-top:var(--s6)}.area-page .area-card__body{padding:var(--s4)}}@media (max-width:480px){.area-page .ministat{min-width:calc(50% - var(--s1))}}