:root{--ink:#123D3B;--ink2:#1F6762;--coral:#FF704F;--aqua:#54D4CB;--sun:#FFD35C;--line:#E4ECEA;--muted:#6F807D;--soft:#F5FAF9;--good:#16765D;--watch:#9B680F;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#173432;background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.u-head{height:66px;padding:7px clamp(12px,4vw,44px);display:flex;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);z-index:30}.u-head img{width:54px;height:54px;object-fit:contain}.u-head>a:last-child{margin-left:auto;font-size:10px;font-weight:850}.u-menu{position:sticky;top:66px;z-index:29;display:flex;gap:7px;padding:8px max(12px,calc((100vw - 1100px)/2));overflow:auto;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);scrollbar-width:none}.u-menu a{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;white-space:nowrap;font-size:9px;font-weight:850;color:var(--ink)}.u-hero{padding:62px clamp(18px,6vw,90px);background:radial-gradient(circle at 88% 12%,rgba(255,112,79,.16),transparent 18rem),radial-gradient(circle at 15% 90%,rgba(84,212,203,.11),transparent 16rem),linear-gradient(180deg,#FFF8F4,#fff)}.u-hero>div{max-width:830px}.u-hero p,.u-section>p{margin:0 0 8px;font-size:8px;letter-spacing:.18em;font-weight:900;color:#27746E}.u-hero h1{margin:0;color:var(--ink);font-size:clamp(52px,7vw,84px);line-height:.88;letter-spacing:-.06em}.u-hero span{display:block;max-width:720px;margin-top:15px;color:var(--muted);font-size:13px;line-height:1.55}.u-shell{max-width:1100px;margin:auto;padding:28px 16px 70px}.u-section{padding:30px 0;scroll-margin-top:120px}.sec-row{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}.sec-row h2{margin:0;color:var(--ink);font-size:32px;letter-spacing:-.04em}.sec-row>span{font-size:9px;color:var(--muted)}.emergency-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.emergency-card{padding:18px;border-radius:20px;color:#fff;min-height:155px;position:relative;overflow:hidden}.emergency-card:nth-child(1){background:linear-gradient(145deg,#E45D43,#FF815F)}.emergency-card:nth-child(2){background:linear-gradient(145deg,#0D5A76,#2480A3)}.emergency-card:nth-child(3){background:linear-gradient(145deg,#A74536,#D95E45)}.emergency-card:nth-child(4){background:linear-gradient(145deg,#13806B,#32A78C)}.emergency-card strong{display:block;font-size:46px;line-height:1;letter-spacing:-.06em}.emergency-card span{display:block;margin-top:12px;font-size:10px;font-weight:850}.emergency-card small{display:block;margin-top:5px;font-size:8px;line-height:1.4;color:rgba(255,255,255,.8)}.local-grid{margin-top:9px}.u-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.u-card{padding:15px;border:1px solid var(--line);border-radius:18px;background:#fff}.u-card .badge{display:inline-flex;padding:4px 6px;border-radius:999px;background:#EAF7F2;color:var(--good);font-size:6px;font-weight:900}.u-card .badge.watch{background:#FFF1C8;color:var(--watch)}.u-card strong{display:block;margin-top:7px;color:var(--ink);font-size:15px}.u-card .phone{display:inline-block;margin-top:8px;color:var(--coral);font-size:22px;font-weight:900;letter-spacing:-.03em}.u-card small{display:block;margin-top:6px;color:var(--muted);font-size:9px;line-height:1.45}.u-card .source{display:inline-block;margin-top:9px;color:#39746E;font-size:7px}.dir-group{margin-top:12px}.dir-group h3{margin:0 0 8px;color:var(--ink);font-size:13px}.dir-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.travel-visual{display:grid;grid-template-columns:1.6fr .9fr;gap:10px}.travel-lines{padding:10px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#F9FFFD,#fff)}.travel-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 10px;border-top:1px solid var(--line)}.travel-line:first-child{border-top:0}.travel-line span,.travel-line small{display:block}.travel-line span{font-size:10px;color:var(--ink);font-weight:800}.travel-line small{margin-top:3px;font-size:7px;color:var(--muted)}.travel-line strong{flex:0 0 auto;color:var(--ink);font-size:15px;letter-spacing:-.03em}.transport-note{padding:20px;border-radius:20px;background:linear-gradient(145deg,#FFF4DD,#fff)}.transport-note strong{font-size:22px;color:var(--ink)}.transport-note p{margin:9px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.choice-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.choice{padding:13px 14px;border:1px solid var(--line);border-radius:15px;background:#fff}.choice span{display:block;font-size:8px;color:var(--muted)}.choice strong{display:block;margin-top:5px;font-size:11px;color:var(--ink)}.dynamic-note{padding:13px 15px;border-left:4px solid var(--coral);border-radius:0 14px 14px 0;background:#FFF7F3;font-size:9px;line-height:1.5;color:#6B514B;margin-bottom:10px}.price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.price-card{padding:15px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#F9FCFB)}.price-card span{font-size:7px;letter-spacing:.12em;font-weight:900;color:#2A756F}.price-card h3{margin:6px 0 4px;color:var(--ink);font-size:16px}.price-card strong{display:block;color:var(--coral);font-size:19px}.price-card small{display:block;margin-top:6px;color:var(--muted);font-size:8px;line-height:1.4}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.check-card{padding:17px;border:1px solid var(--line);border-radius:18px}.check-card:nth-child(1){background:linear-gradient(145deg,#EAFBFF,#fff)}.check-card:nth-child(2){background:linear-gradient(145deg,#FFF7D8,#fff)}.check-card:nth-child(3){background:linear-gradient(145deg,#FFF0EA,#fff)}.check-card h3{margin:0 0 10px;color:var(--ink);font-size:18px}.check-card ul{margin:0;padding:0;list-style:none}.check-card li{padding:6px 0;border-top:1px solid rgba(18,61,59,.08);font-size:9px;line-height:1.4}.check-card li:before{content:"✓";margin-right:7px;color:var(--good);font-weight:900}.tip-band{margin-top:10px;padding:16px 18px;border-radius:18px;background:linear-gradient(120deg,#123D3B,#1E675F);color:#fff}.tip-band b,.tip-band span{display:block}.tip-band b{font-size:13px}.tip-band span{margin-top:5px;font-size:9px;line-height:1.5;color:rgba(255,255,255,.78)}.sync-note{margin-top:20px;padding:14px 16px;border-radius:15px;background:var(--soft);font-size:9px;color:var(--muted)}footer{padding:24px 16px 80px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}footer>div{max-width:1100px;margin:auto}@media(max-width:760px){.u-head{height:62px}.u-head img{width:48px;height:48px}.u-menu{top:62px;padding:7px 10px}.u-hero{padding:44px 14px}.u-hero h1{font-size:52px}.u-shell{padding:18px 11px 60px}.u-section{padding:25px 0;scroll-margin-top:110px}.sec-row{display:block}.sec-row h2{font-size:28px}.sec-row>span{display:block;margin-top:5px}.emergency-grid{grid-template-columns:repeat(2,1fr)}.emergency-card{min-height:140px}.u-grid{grid-template-columns:1fr}.dir-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.dir-grid .u-card{min-width:80%;scroll-snap-align:center}.travel-visual{grid-template-columns:1fr}.travel-line{padding:11px 8px}.travel-line strong{font-size:14px}.choice-grid{grid-template-columns:1fr}.price-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.price-card{min-width:82%;scroll-snap-align:center}.check-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.check-card{min-width:84%;scroll-snap-align:center}}
.u-section{opacity:0;transform:translateY(22px);transition:opacity .58s ease,transform .7s cubic-bezier(.18,.76,.22,1)}
.u-section.in{opacity:1;transform:none}

.u-menu a.active{background:var(--ink);color:#fff;border-color:var(--ink)}

@media(prefers-reduced-motion:reduce){.u-section{opacity:1;transform:none}}

/* V3 review - practical information must scan as easily as island status */
.u-head>a:last-child,.u-menu a,.u-hero p,.u-section>p,.sec-row>span{font-size:12px}
.u-hero span,.u-card small,.transport-note p,.dynamic-note,.check-card li,.tip-band span,.sync-note,footer{font-size:14px}
.u-card .badge,.u-card .source,.travel-line small,.choice span,.price-card span,.price-card small{font-size:11px}
.u-card strong,.travel-line span,.choice strong{font-size:15px}
.emergency-card span{font-size:13px}
.emergency-card small{font-size:12px;line-height:1.45}
.dir-grid,.u-grid,.price-grid,.check-grid{gap:12px}
.u-card,.price-card,.check-card{padding:18px}

@media(max-width:760px){
  .u-hero{padding-top:36px;padding-bottom:36px}
  .u-hero h1{font-size:44px}
  .u-hero span{font-size:15px}
  .u-menu a{min-height:42px;display:flex;align-items:center;font-size:13px}
  .travel-line{align-items:flex-start}
  .travel-line span{font-size:14px;line-height:1.4}
  .travel-line small{font-size:12px}
  .travel-line strong{font-size:16px}
}

.u-island-map{
  margin:12px 0 0;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);
  overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff
}
.u-island-map img{
  width:100%;height:100%;max-height:360px;object-fit:contain;padding:16px;background:#F7FBF9
}
.u-island-map figcaption{
  padding:18px;display:flex;flex-direction:column;justify-content:center;gap:12px;
  color:var(--muted);font-size:14px;line-height:1.55
}
.u-island-map figcaption a{color:var(--ink2);font-size:12px;font-weight:850}
@media(max-width:760px){
  .u-island-map{grid-template-columns:1fr}
  .u-island-map img{max-height:300px}
  .u-island-map figcaption{padding:14px}
}


/* Direct contact actions - 21/09/2026 */
.dir-contact-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:9px;
}
.dir-contact-actions a{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:7px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#f7fbf9;
  color:var(--ink);
  font-size:11px;
  font-weight:850;
}


.phone-alt{
  display:inline-flex!important;
  width:max-content;
  margin-top:5px!important;
  font-size:14px!important;
}

.u-route-guide{display:grid;grid-template-columns:1fr 16px 1fr 16px 1fr;align-items:center;gap:12px;padding:20px;margin:18px 0;border:1px solid #d7e8e2;border-radius:20px;background:linear-gradient(120deg,#e4f5ee,#eaf5fb)}.u-route-guide>div{display:grid;gap:8px;min-height:90px;align-content:center;padding:15px;border-radius:15px;background:#fff;box-shadow:0 5px 18px #163f3b12}.u-route-guide span{font-size:10px;font-weight:900;letter-spacing:.08em;color:#478274}.u-route-guide strong{font-size:14px;line-height:1.4;color:#173d3a}.u-route-guide i{height:3px;border-radius:3px;background:linear-gradient(90deg,#45b69d,#60aede)}.u-route-guide small{grid-column:1/-1;color:#5a746f;font-size:11px;line-height:1.5}@media(max-width:620px){.u-route-guide{grid-template-columns:1fr;gap:8px}.u-route-guide i{width:3px;height:16px;margin:0 auto}.u-route-guide>div{min-height:65px}.u-route-guide small{grid-column:1}}
