:root{
  --bg:#F6F2EA; --bg2:#EEE7DA; --ink:#14283A; --ink2:#44515E; --mute:#7A8490; --line:#D9D2C4;
  --accent:#A8793A; --accent-ink:#fff; --sea:#2F8F8A; --wa:#128C7E;
  --display:"Fraunces",Georgia,serif; --body:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --cjk:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",sans-serif;
  --wrap:1120px; --measure:68ch; --r:4px;
}
html[lang^="zh"]{--display:var(--cjk);--body:var(--cjk)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;}
img,picture{max-width:100%;display:block;height:auto}
a{color:var(--sea);text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:8px 12px}
.skip:focus{left:8px;z-index:100}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.12;margin:0 0 .4em;letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,5.5vw,4.2rem)}
h2{font-size:clamp(1.55rem,3vw,2.2rem);margin-top:0}
h3{font-size:1.2rem;font-weight:600}
p{margin:0 0 1em}
.note,small{color:var(--mute);font-size:.92em}


.top{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:20px;min-height:64px}
.brand{font-family:var(--display);font-size:1.35rem;color:var(--ink);text-decoration:none;font-weight:600;white-space:nowrap}
.brand span{display:block;font-family:var(--body);font-size:.72rem;font-weight:400;color:var(--mute);letter-spacing:.02em;line-height:1}
.nav{margin-left:auto}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px;align-items:center}
.nav a{color:var(--ink);text-decoration:none;padding:8px 10px;border-radius:var(--r);font-size:.95rem}
.nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--accent)}
.nav a:hover{background:var(--bg2)}
.burger{display:none}
.lang details{position:relative}
.lang summary{list-style:none;cursor:pointer;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r);font-size:.9rem}
.lang summary::-webkit-details-marker{display:none}
.lang ul{position:absolute;right:0;top:110%;background:var(--bg);border:1px solid var(--line);flex-direction:column;align-items:stretch;min-width:170px;padding:6px;z-index:60;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.btn-top{white-space:nowrap}
@media (max-width:900px){
  .burger{display:inline-block;background:none;border:1px solid var(--line);border-radius:var(--r);padding:8px 12px;font:inherit;color:var(--ink)}
  .nav ul#menu{display:none;position:absolute;left:0;right:0;top:64px;background:var(--bg);flex-direction:column;align-items:stretch;padding:12px 20px 20px;border-bottom:1px solid var(--line)}
  .nav.open ul#menu{display:flex}
  .lang ul{position:static;box-shadow:none}
  .btn-top{display:none}
}


.btn{display:inline-block;padding:12px 20px;border-radius:var(--r);text-decoration:none;font-weight:600;font-size:.98rem;border:1px solid transparent;line-height:1.2;cursor:pointer;font-family:var(--body)}
.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.btn-primary:hover{filter:brightness(1.07)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-ghost:hover{background:var(--ink);color:var(--bg)}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:1.2em 0 1.6em}


.hero{position:relative;overflow:hidden;background:var(--ink);color:#fff}
.hero-img img{width:100%;height:100%;object-fit:cover}
.hero-home{min-height:min(88vh,820px)}
.hero-inner{min-height:46vh}
.hero picture,.hero>img{position:absolute;inset:0}
.hero picture img{position:absolute;inset:0;width:100%;height:100%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,30,.05) 30%,rgba(10,20,30,.78) 100%)}
.hero-text{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;min-height:inherit;padding-bottom:48px;padding-top:120px}
.hero-text h1{color:#fff;max-width:14ch;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.hero-inner .hero-text h1{max-width:22ch;font-size:clamp(1.9rem,4vw,3.2rem)}
.kicker{color:#F2E7D2;font-size:.95rem;margin:0 0 .6em;letter-spacing:.01em}
.lede{color:#F2EEE6;max-width:52ch;font-size:1.12rem}
.hero-price{color:#fff;font-weight:600;font-size:1rem;margin:-.4em 0 .2em}
.hero .btn-ghost{color:#fff;border-color:#fff}
.hero .btn-ghost:hover{background:#fff;color:var(--ink)}


.stamp{color:var(--mute);font-size:.9rem;margin:28px 0 8px}
.answer{font-size:1.22rem;line-height:1.5;max-width:var(--measure);font-family:var(--display);font-weight:500;color:var(--ink)}


.facts{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0 8px;padding:14px 0}
.facts div{padding:4px 12px 4px 0}
.facts dt{font-size:.8rem;color:var(--mute);margin:0}
.facts dd{margin:0;font-family:var(--display);font-size:1.5rem;font-weight:600}
@media (max-width:720px){.facts{grid-template-columns:repeat(3,1fr);row-gap:14px}}


.content{padding-bottom:20px}
.sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px 56px;padding:40px 0;border-top:1px solid var(--line)}
.sec>h2{grid-column:1;position:sticky;top:84px;align-self:start;max-width:16ch}
.sec>*:not(h2){grid-column:2}
@media (max-width:860px){.sec{grid-template-columns:1fr}.sec>h2{position:static;max-width:none}.sec>*:not(h2){grid-column:1}}
.prose{max-width:var(--measure)}
.prose ul{padding-left:1.2em}
.prose h3{margin-top:1.4em}


table{border-collapse:collapse;width:100%;margin:8px 0 20px;font-variant-numeric:tabular-nums}
caption{text-align:left;font-family:var(--display);font-size:1.15rem;font-weight:600;padding:0 0 8px}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
thead th{font-size:.82rem;color:var(--mute);font-weight:600;border-bottom:2px solid var(--ink)}
tbody th{font-weight:600;width:38%}
tr.extra td{color:var(--ink2);font-size:.95em}
.tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 32px}
table.spec{max-width:620px}


.cabins{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:28px;margin:12px 0 8px}
.cabin h3{margin:12px 0 6px}
.cabin h3 small{color:var(--mute);font-weight:400;font-size:.8em}
.cabin-img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.kv{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:0 0 10px;font-size:.95rem}
.kv dt{color:var(--mute)}.kv dd{margin:0}
.tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}
.tags li{border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:.84rem;color:var(--ink2)}
.tags.big li{font-size:.95rem;padding:6px 12px}


.days{list-style:none;padding:0;margin:0;counter-reset:d}
.days li{padding:14px 0 14px 22px;border-left:2px solid var(--accent);position:relative;margin-bottom:8px}
.days li::before{content:"";position:absolute;left:-7px;top:22px;width:12px;height:12px;border-radius:50%;background:var(--accent)}
.days h3{margin:0 0 4px}
.stops{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.stops span{background:var(--bg2);border-radius:999px;padding:3px 10px;font-size:.85rem}
.map img{border-radius:var(--r);border:1px solid var(--line)}
.map{margin:16px 0}
.map figcaption{font-size:.9rem;color:var(--mute);margin-top:6px}
.dates{columns:3;list-style:none;padding:0;margin:0 0 16px}
.dates li{padding:4px 0;border-bottom:1px solid var(--line);break-inside:avoid}
@media (max-width:600px){.dates{columns:2}}


.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media (max-width:640px){.two{grid-template-columns:1fr}}
ul.check,ul.cross{list-style:none;padding:0;margin:0}
ul.check li,ul.cross li{padding:5px 0 5px 24px;position:relative;border-bottom:1px solid var(--line)}
ul.check li::before{content:"✓";position:absolute;left:0;color:var(--sea);font-weight:700}
ul.cross li::before{content:"–";position:absolute;left:0;color:var(--mute)}


.faq{border-top:1px solid var(--line);padding-top:20px;margin-top:10px}
.qa{max-width:var(--measure);padding:14px 0;border-bottom:1px solid var(--line)}
.qa h3{font-family:var(--body);font-size:1.05rem;margin:0 0 6px}
.qa p{margin:0;color:var(--ink2)}


.hotels{padding-left:1.2em}
.hotels li{padding:10px 0;border-bottom:1px solid var(--line)}
.hotels h3{margin:0 0 2px}
.hotels p{margin:0 0 4px;font-size:.95rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.grid figure{margin:0}.grid img{border-radius:var(--r);aspect-ratio:4/3;object-fit:cover;width:100%}
.occ-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.occ-grid a{display:block;padding:18px 16px;border:1px solid var(--line);border-radius:var(--r);color:var(--ink);text-decoration:none;font-family:var(--display);font-size:1.1rem}
.occ-grid a:hover{border-color:var(--accent)}
.contact-box{max-width:520px}
.plan{display:grid;gap:12px;margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:var(--r)}
.plan label{display:grid;gap:4px;font-size:.9rem;color:var(--ink2)}
.plan input,.plan select{padding:10px;border:1px solid var(--line);border-radius:var(--r);font:inherit;background:#fff;color:var(--ink)}


.close{padding:48px 20px 56px;border-top:1px solid var(--line);margin-top:20px}
.close p{max-width:var(--measure)}


.foot{background:var(--ink);color:#E8E2D6;padding:40px 0 24px;font-size:.93rem}
.foot a{color:#fff}
.foot strong{display:block;margin-bottom:8px;font-family:var(--display);font-size:1.05rem}
.foot ul{list-style:none;padding:0;margin:0}
.foot li{padding:2px 0}
.cols{display:grid;grid-template-columns:2fr 1.3fr 1fr 1fr 1fr;gap:28px}
@media (max-width:860px){.cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.cols{grid-template-columns:1fr}}
.legal{margin-top:28px;padding-top:16px;border-top:1px solid rgba(255,255,255,.15);color:#B9B2A6;font-size:.85rem}
.legal p{margin:0 0 4px}


.sticky-wa{display:none}
@media (max-width:720px){
  .sticky-wa{display:block;position:fixed;left:12px;right:12px;bottom:12px;z-index:40;opacity:0;transform:translateY(80px);transition:opacity .25s,transform .25s;pointer-events:none}
  .sticky-wa.show{opacity:1;transform:none;pointer-events:auto}
  .sticky-wa .btn{display:block;text-align:center;background:var(--wa);border-color:var(--wa);color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.18)}
  body{padding-bottom:72px}
}
body.plain{padding:40px 20px}


.btn-sm{padding:8px 14px;font-size:.9rem}
.lnk{background:none;border:0;padding:0;color:var(--sea);text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:.9rem;cursor:pointer}
.prov{color:var(--mute);font-size:.84rem;margin:-6px 0 18px}
.hero-img{position:absolute;inset:0}
.hero-img img,.hero-img picture{position:absolute;inset:0;width:100%;height:100%}
.hero-img img{object-fit:cover}
.hero-home .hero-text{padding-top:160px}
.hero-home .hero-text h1{max-width:16ch}
@media (max-width:720px){.hero-home{min-height:min(88vh,720px)}.hero-text{padding-bottom:28px}}


.sec.wide{grid-template-columns:1fr}
.sec.wide>h2{position:static;max-width:22ch;grid-column:1}
.sec.wide>*:not(h2){grid-column:1}
.sec.wide>.prose{max-width:var(--measure);column-gap:40px}
@media (min-width:1000px){.sec.wide>.prose{max-width:none;columns:2}.sec.wide>.prose>*{break-inside:avoid}.sec.wide>.prose p{max-width:none}}


.cabins-v2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin:12px 0 10px}
.cabin-card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.swiper{position:relative;background:var(--ink)}
.swiper .track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;aspect-ratio:4/3}
.swiper .track::-webkit-scrollbar{display:none}
.swiper .slide{flex:0 0 100%;margin:0;scroll-snap-align:start;position:relative}
.swiper .slide img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.sw-prev,.sw-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.88);color:var(--ink);font-size:1.6rem;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 2px 10px rgba(0,0,0,.2)}
.sw-prev{left:10px}.sw-next{right:10px}
.sw-prev:hover,.sw-next:hover{background:#fff}
.swiper .dots{position:absolute;left:0;right:0;bottom:44px;display:flex;justify-content:center;gap:6px;pointer-events:none}
.swiper .dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.5);transition:transform .2s,background .2s}
.swiper .dots i.on{background:#fff;transform:scale(1.25)}
.sw-all{position:absolute;right:10px;bottom:10px;background:rgba(20,40,58,.78);color:#fff;border:0;border-radius:var(--r);padding:7px 11px;font:inherit;font-size:.82rem;cursor:pointer;backdrop-filter:blur(4px)}
.sw-all:hover{background:var(--ink)}
.cabin-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.cabin-body h3{margin:0;font-size:1.3rem}
.cabin-body h3 small{display:block;color:var(--mute);font-weight:400;font-size:.78rem;font-family:var(--body);margin-top:4px}
.verdict{font-family:var(--display);font-style:italic;color:var(--ink2);margin:0;font-size:1.02rem;line-height:1.45}
ul.icons{list-style:none;margin:4px 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;font-size:.92rem;color:var(--ink2)}
ul.icons li small{color:var(--mute)}
.cabin-price{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:10px;margin-top:auto}
.cabin-price .lbl{font-size:.78rem;color:var(--mute);text-transform:uppercase;letter-spacing:.04em}
.cabin-price strong{font-size:1.5rem;font-family:var(--display);line-height:1.15}
.cabin-price small{color:var(--mute)}
.cabin-body .for{margin:0;color:var(--ink2);line-height:1.4}
.cabin-body .btn{align-self:flex-start;margin-top:4px}
@media (max-width:720px){.cabins-v2{grid-template-columns:1fr}ul.icons{grid-template-columns:1fr}}


.strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 0 14px;scrollbar-width:thin;margin:8px 0 12px}
.strip-item{flex:0 0 min(78vw,300px);margin:0;scroll-snap-align:start}
.strip-item img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:var(--r)}
.strip-item figcaption{padding:8px 2px 0;font-size:.92rem;line-height:1.35}
.strip-item figcaption strong{display:block;font-family:var(--display);font-size:1.05rem}
.strip-item figcaption span{color:var(--ink2)}


.compass{border:1px solid var(--line);border-radius:var(--r);padding:18px 20px 6px;background:var(--bg2);margin:8px 0 20px}
.compass>.note{margin-top:0}
.next-deps{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.next-deps li{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.next-deps time{font-family:var(--display);font-weight:600;font-size:1.1rem}
.next-deps span{color:var(--mute);font-size:.85rem}
.next-deps .btn{align-self:flex-start}
.dep-year{font-size:1.6rem;margin:10px 0 12px}
.dep-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.dep-month{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;min-height:96px}
.dep-month.empty{opacity:.55}
.dep-month h4{margin:0 0 8px;font-family:var(--display);font-size:1.02rem;font-weight:600}
.dep-month ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
li.dep{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.92rem;padding:4px 0;border-bottom:1px dashed var(--line)}
li.dep:last-child{border-bottom:0}
li.dep time{font-variant-numeric:tabular-nums;font-weight:600}
li.dep em{font-style:normal;font-size:.8rem;color:var(--mute)}
li.dep.past{opacity:.45}li.dep.past time{text-decoration:line-through}
li.dep.few em{color:var(--accent)}li.dep.sold em{color:#9b3b2e}
.dep-month.next-year{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-bottom:14px}
.dep-month.next-year h4{margin:0;font-size:1.3rem}.dep-month.next-year p{margin:0;flex:1;min-width:240px;color:var(--ink2)}


.itin2{margin:8px 0 12px}
.itin-day{margin:0 0 22px}
.itin-day h3{margin:0 0 4px;font-size:1.25rem}
table.itin td{font-size:.95rem}
table.itin thead th{font-size:.76rem}
table.itin .tm{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600;width:72px;color:var(--ink)}
table.itin tr.k-sail td{color:var(--mute)}
table.itin tr.k-sunrise td,table.itin tr.k-trek td{background:color-mix(in srgb,var(--accent) 7%,transparent)}
table.itin tr.k-snorkel td,table.itin tr.k-swim td{background:color-mix(in srgb,var(--sea) 7%,transparent)}
table.itin tr.night td{background:var(--bg2);color:var(--ink2);font-style:italic}
.flag{display:inline-block;font-size:.72rem;padding:1px 6px;border:1px solid var(--line);border-radius:10px;color:var(--mute);vertical-align:middle;margin-left:4px}
@media (max-width:640px){table.itin th:nth-child(3),table.itin td:nth-child(3){display:none}}


.map-wrap{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}
.map-wrap img{width:100%;height:auto;display:block}
.map-wrap svg{position:absolute;inset:0;width:100%;height:100%}
.map-wrap .rh{fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.map-wrap .rl{fill:none;stroke:#B8322A;stroke-width:4;stroke-dasharray:14 9;stroke-linecap:round;stroke-linejoin:round}
.map-wrap .rp{fill:#B8322A;stroke:#fff;stroke-width:3}
.map-wrap .rt{fill:#fff;font:700 15px var(--body);text-anchor:middle;dominant-baseline:central}


table.eq td:nth-child(2){white-space:nowrap}
.pill{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.8rem;font-weight:600;letter-spacing:.01em}
.pill.fitted{background:color-mix(in srgb,var(--sea) 16%,transparent);color:var(--sea)}
.pill.not_fitted{background:color-mix(in srgb,#9b3b2e 12%,transparent);color:#9b3b2e}
.pill.on_request{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
tr.total td{font-weight:700;border-top:2px solid var(--ink)}


.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px}
.tscroll+.note{display:none}
@media (max-width:720px){.tscroll+.note{display:block}}
table.season td{font-size:.9rem;text-transform:capitalize}
table.season td.v-calm,table.season td.v-good,table.season td.v-high,table.season td.v-dry,table.season td:nth-child(4).v-peak,table.season td:nth-child(5).v-low{color:var(--sea);font-weight:600}
table.season td.v-rough,table.season td.v-wet,table.season td.v-low,table.season td:nth-child(5).v-peak,table.season td:nth-child(5).v-high{color:#9b3b2e;font-weight:400}
table.season td.v-moderate,table.season td.v-fair,table.season td.v-medium,table.season td.v-shoulder{color:var(--ink2);font-weight:400}
table.season td:last-child{text-transform:none;min-width:200px}


.fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px 28px;margin:8px 0 14px}
.fit h3{font-size:1.05rem;margin-bottom:6px}


.pay{border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;margin:10px 0 18px;background:var(--bg2)}
.pay h3{margin:0 0 8px;font-size:1.1rem}
.pay .secure{margin:8px 0 0;color:var(--ink2);font-size:.95rem}
.opbox{border-left:4px solid var(--accent);padding:6px 0 6px 20px;margin:12px 0 18px}
.opbox h3{margin:0 0 8px}
.opbox .kv{margin:0}
dl.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:8px 0 14px}
dl.kv dt{color:var(--mute);font-size:.88rem}
dl.kv dd{margin:0}
.isnot{background:var(--bg2);padding:12px 16px;border-radius:var(--r);color:var(--ink2)}
.isnot strong{color:var(--ink)}
table.cmp tr.dim td{color:var(--mute)}
table.cmp td{white-space:nowrap}
table.cmp td:first-child{white-space:normal}


ol.steps{list-style:none;counter-reset:s;margin:10px 0 16px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
ol.steps li{counter-increment:s;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px 16px 16px 56px;position:relative;display:flex;flex-direction:column-reverse;gap:4px}
ol.steps li::before{content:counter(s);position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700;font-family:var(--display)}
ol.steps li small{color:var(--mute)}


.faq-group{margin-top:38px;font-size:1.4rem}
.qa summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";color:var(--accent);font-size:1.4rem;line-height:1;flex:0 0 auto}
.qa[open] summary::after{content:"–"}


.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:10px 0 16px}
.grid figure{margin:0;cursor:zoom-in;overflow:hidden;border-radius:var(--r)}
.grid figure img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .3s}
.grid figure:hover img{transform:scale(1.03)}


.lightbox{position:fixed;inset:0;z-index:200;background:rgba(10,16,24,.94);display:flex;align-items:center;justify-content:center}
.lightbox[hidden]{display:none}
.lightbox img{max-width:94vw;max-height:88vh;object-fit:contain;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.lightbox button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;width:48px;height:48px;border-radius:50%;font-size:2rem;line-height:1;cursor:pointer;display:grid;place-items:center}
.lightbox button:hover{background:rgba(255,255,255,.28)}
.lb-close{top:16px;right:16px}.lb-prev{left:12px;top:50%;transform:translateY(-50%)}.lb-next{right:12px;top:50%;transform:translateY(-50%)}
body.lb-open{overflow:hidden}


.tags.big li{font-size:.98rem;padding:8px 14px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
@media (max-width:640px){.two{grid-template-columns:1fr}}
.contact-box{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.contact-box .plan{width:100%}

.faq>h2{font-size:1.5rem;margin-bottom:6px}
@media (max-width:720px){.hero-home .hero-text h1{font-size:clamp(1.8rem,8vw,2.6rem);max-width:none}.hero-home .lede{font-size:1rem}.hero::after{background:linear-gradient(180deg,rgba(10,20,30,0) 25%,rgba(10,20,30,.86) 70%)}}

.nav a{white-space:nowrap;font-size:.92rem;padding:8px 8px}
@media (max-width:1180px){
  .burger{display:inline-block;background:none;border:1px solid var(--line);border-radius:var(--r);padding:8px 12px;font:inherit;color:var(--ink)}
  .nav ul#menu{display:none;position:absolute;left:0;right:0;top:64px;background:var(--bg);flex-direction:column;align-items:stretch;padding:12px 20px 20px;border-bottom:1px solid var(--line);max-height:calc(100vh - 64px);overflow:auto}
  .nav.open ul#menu{display:flex}
  .nav a{font-size:1rem;padding:10px 8px}
  .lang ul{position:static;box-shadow:none}
}
.tables{grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:8px 40px}
.dep-month.all-past ul{display:none}.dep-month.all-past{min-height:0;opacity:.7}.show-past{color:var(--mute);text-decoration:none}
.sec,.prose,.sec>*{min-width:0}
table.pp td,table.pp th{white-space:nowrap}
.content{overflow-x:clip}
@media (min-width:721px){.hero.text-right .hero-text{align-items:flex-end;text-align:right}.hero.text-right .hero-text h1{max-width:15ch}.hero.text-right .lede{max-width:46ch}.hero.text-right .cta-row{justify-content:flex-end}.hero.text-right::after{background:linear-gradient(90deg,rgba(10,20,30,.05) 35%,rgba(10,20,30,.62) 100%)}}
li.dep.underway em{color:var(--sea)}

.reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:8px 0 12px}
.rv{margin:0;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.rv p{margin:0;font-family:var(--display);font-size:1.08rem;line-height:1.45;color:var(--ink)}
.rv footer{font-size:.88rem;color:var(--ink2)}.rv .stars{color:var(--accent);letter-spacing:1px}
table.ft th{width:36%;font-weight:600}table.ft td small{display:block;color:var(--mute)}table.ft .src{text-decoration:none;margin-left:6px}
table.ft tr.c-low td{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.svc{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:8px 0 14px}
.svc-item{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}.svc-item h3{font-size:1.05rem;margin:0 0 6px}.svc-item p{margin:0 0 6px}
.spotgrid figure img{aspect-ratio:3/2}
.bookvia{background:var(--bg2);border-left-color:var(--sea);padding:16px 20px;border-radius:0 var(--r) var(--r) 0}
h3.area{margin:26px 0 8px;font-size:1.15rem;color:var(--ink2)}
.hotels li h4{font-family:var(--display);font-size:1.12rem;margin:0 0 2px}.hfrom{margin:0 0 4px}.hfrom small{color:var(--mute);font-weight:400}
.hotels{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 24px;list-style:none;padding:0;margin:0 0 10px}
.hotels li{border-top:1px solid var(--line);padding:12px 0}
ul.posts{list-style:none;padding:0;margin:8px 0 14px;display:grid;gap:10px}
ul.posts a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);color:var(--ink);text-decoration:none}
ul.posts a strong{font-family:var(--display);font-size:1.15rem}ul.posts a span{color:var(--ink2)}ul.posts a small{color:var(--mute)}
ul.posts a:hover{border-color:var(--accent)}
.byline{color:#F2E7D2;margin:0}.srcs{font-size:.92rem}


.rvsrc{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0 6px}
.badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font-size:.92rem;line-height:1}
.badge .bname{font-weight:700;letter-spacing:.2px}.badge .bstars{font-weight:600}.badge small{color:var(--ink2)}
.badge-google{border-color:#d2d8e0}.badge-google .bstars{color:#f4b400}
.badge-ta{border-color:#bfe0d2}.badge-ta .bstars{color:#34e0a1}
.hotel{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.hotel img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r)}
@media(min-width:720px){.hotel{grid-template-columns:260px minmax(0,1fr)}}
.hotel .hkexi{font-size:.92rem;color:var(--ink2)}.hotel .hfrom{margin:4px 0}

.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{width:36px;height:36px;border-radius:50%}
.paylogos{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center;margin:14px 0 0}.paylogos img{height:22px;width:auto;max-width:92px;object-fit:contain;filter:grayscale(.15)}
.social{margin-top:22px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2)}.social h3{margin:0 0 4px}
.soc-links{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 0}.soc-links a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);text-decoration:none;font-weight:600}.soc-links img{height:20px;width:auto}
.badge img{height:18px;width:auto}
.fab-wa{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:#25D366;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.fab-wa svg{flex:none}.fab-wa span{font-size:.95rem}
.fab-stack{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.fab-stack .fab-wa{position:static}.fab-stack .fab-wc{background:#07C160}.fab-stack .fab-sm{padding:10px;border-radius:50%}
.fab-stack .fab-wc span{font-size:.9rem}
@media(max-width:720px){.fab-wa{padding:14px;border-radius:50%}.fab-wa span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sticky-wa{display:none!important}.fab-stack .fab-wc{padding:12px 16px;border-radius:999px}.fab-stack .fab-wc span{position:static;width:auto;height:auto;overflow:visible;clip:auto}}
.dep-note{margin:0 0 10px}.dep .prov{display:block;color:var(--ink2);font-size:.75rem}

@media(max-width:640px){.brand span{display:none}.brand-mark{width:30px;height:30px}}


.spaces-v2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;margin-top:14px}
.space-card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.space-card .cabin-body{padding:14px 16px}.space-card h4{margin:0 0 6px}
.wechat{display:flex;gap:16px;align-items:flex-start;margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:#fff}.wechat img{width:120px;height:auto;border-radius:6px;flex:none}.wechat.big img{width:180px}.wechat p{margin:4px 0}.wechat .wcid code{font-size:.95rem;background:var(--bg2);padding:2px 6px;border-radius:4px}
.hotel{display:block}.hotel h4{margin:0 0 10px}.hotel img{width:100%;max-width:640px;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r);display:block;margin-bottom:10px}
@media(min-width:720px){.hotel{grid-template-columns:none}}
.hotel-note{margin-top:18px;padding:12px 14px;border-left:3px solid var(--accent);background:var(--bg2)}
.quiet{padding:12px 14px;border-left:3px solid var(--accent);background:var(--bg2);border-radius:0 var(--r) var(--r) 0}

@media(max-width:1500px){.brand span{display:none}}
.lang summary{white-space:nowrap}
nav .lang li a{white-space:nowrap}
.wechat .wcid code{word-break:break-all}.wechat{min-width:0}.wechat>div{min-width:0}


ul.posts.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;list-style:none;padding:0;margin:14px 0 0}
ul.posts.cards li a{display:block;background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);height:100%}
ul.posts.cards .thumb{margin:0;aspect-ratio:16/10;overflow:hidden}ul.posts.cards .thumb img{width:100%;height:100%;object-fit:cover;display:block}
ul.posts.cards .card-body{padding:12px 14px 14px;display:grid;gap:6px}ul.posts.cards strong{font-family:var(--display);font-size:1.08rem;line-height:1.3}ul.posts.cards span{color:var(--ink2);font-size:.92rem}ul.posts.cards small{color:var(--ink2)}


.nav-mega>ul{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.nav-mega li.grp>details>summary{list-style:none;cursor:pointer;white-space:nowrap;font-size:.92rem;padding:8px 10px;border-radius:var(--r);color:var(--ink);display:flex;align-items:center;gap:6px}
.nav-mega li.grp>details>summary::-webkit-details-marker{display:none}
.nav-mega li.grp>details>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6}
.nav-mega li.grp>details[open]>summary,.nav-mega li.grp>details>summary:hover{background:var(--bg2)}
.nav-mega li.grp.on>details>summary{box-shadow:inset 0 -2px 0 var(--accent)}
.nav-mega .panel ul{list-style:none;margin:0;padding:0;display:block;gap:0}
.nav-mega .panel li{display:block}
.nav-mega .panel li.hd{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);padding:10px 10px 2px}
.nav-mega .panel li.all a{font-weight:600}
.nav-mega .panel a{display:block;padding:7px 10px;border-radius:var(--r);white-space:normal;line-height:1.3;font-size:.92rem}
.nav-mega .panel a:hover{background:var(--bg2)}
.nav-mega .panel a[aria-current="page"]{color:var(--accent);font-weight:600}
@media (min-width:1181px){
  .nav-mega li.grp{position:relative}
  .nav-mega li.grp>details>.panel{position:absolute;left:0;top:calc(100% + 6px);width:max-content;min-width:260px;max-width:min(92vw,420px);background:var(--bg);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 12px 32px rgba(10,20,30,.14);padding:10px;z-index:60}
  .nav-mega li.grp>details>.panel.cols{width:400px}
  .nav-mega li.grp>details>.panel.cols ul{display:grid;grid-template-columns:repeat(2,180px);gap:0 8px;width:368px}
  .nav-mega li.grp>details>.panel.cols a{white-space:nowrap}
  .nav-mega li.grp>details>.panel.cols li.all{grid-column:1/-1}
  .nav-mega li.grp>details>.panel.cols li.all:first-of-type{border-top:1px solid var(--line);margin-top:6px;padding-top:4px}
  .nav-mega li.grp:nth-last-child(-n+3)>details>.panel{left:auto;right:0}
}
@media (max-width:1180px){
  .nav-mega li.grp{border-bottom:1px solid var(--line)}
  .nav-mega li.grp>details>summary{font-size:1.05rem;padding:12px 8px;justify-content:space-between}
  .nav-mega li.grp>details>.panel{padding:0 0 10px 12px}
  .nav-mega .panel a{font-size:1rem;padding:9px 8px}
  .nav-mega>ul>li>a{display:block;font-size:1.05rem;padding:12px 8px;border-bottom:1px solid var(--line)}
}


.bar{min-width:0}.brand{flex:none}
@media(max-width:1180px){.brand-long{font-size:1.12rem}}
@media(max-width:480px){.brand-long{font-size:1rem;gap:7px}.brand-long .brand-mark{width:26px;height:26px}.brand-long~.nav .burger{padding:7px 9px;font-size:.92rem}.brand-long~.btn-top{padding:9px 10px;font-size:.86rem}.bar:has(.brand-long){gap:10px}}

.tscroll[data-hint].is-scroll::after{content:attr(data-hint);display:block;position:sticky;left:0;font-size:.8rem;opacity:.75;padding:6px 0 0}
table.rates.ft th,table.rates.ft td{white-space:normal;text-align:left;vertical-align:top}table.rates.ft th{min-width:7.5em;width:32%}
.rv p.rv-orig{margin:.3em 0 0;font-size:.78rem;font-family:inherit;opacity:.8;font-style:normal}


:root{
  --bg:#FBFDF9;--bg2:#E7F4EC;--paper:#FFFFFF;--mint:#D3EBDD;--ink:#0B2B21;--ink2:#2B4A3E;--mute:#4C675A;--line:#CFE3D7;--rule:#A9C9B8;--field:#6E8F7E;
  --accent:#087A4F;--accent-ink:#FFFFFF;--sea:#065A3D;--wa:#0B7F4A;--bad:#9A2F22;
  --jade:#0A4B38;--jade-d:#063527;--lime:#D8F23C;--lime-d:#C6E22A;--citrus:#FFE45C;
  --r:22px;--r-s:14px;--r-l:30px;--wrap:1240px;--measure:64ch;--head-h:72px;--np:12px;
  --display:"Bricolage Grotesque","Avenir Next","Trebuchet MS","Segoe UI",system-ui,sans-serif;
  --body:"Literata","Iowan Old Style","Palatino Linotype",Georgia,"Times New Roman",serif;
  --ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.3,1.5,.5,1);
  --lift:0 22px 44px -24px rgba(6,53,39,.5);
}
html[lang^="zh"]{--display:var(--cjk);--body:var(--cjk)}
html{scroll-padding-top:calc(var(--head-h) + 16px);overflow-x:clip}
body{font-size:17px;line-height:1.66;overflow-x:clip;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
html[lang^="zh"] body{line-height:1.85;font-size:16.5px}
.content{overflow-x:visible}
::selection{background:var(--lime);color:var(--jade-d)}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;letter-spacing:-.025em;line-height:1.06;color:var(--ink)}
h1{font-weight:800;font-size:clamp(2.3rem,5vw,4.2rem);letter-spacing:-.028em;line-height:1.02}
h2{font-size:clamp(1.9rem,3.7vw,3.1rem);letter-spacing:-.03em}
h3{font-size:1.4rem;font-weight:650;line-height:1.15;letter-spacing:-.02em}
h4{font-size:1.2rem;font-weight:650;line-height:1.2}
html[lang^="zh"] h1,html[lang^="zh"] h2,html[lang^="zh"] h3,html[lang^="zh"] h4{font-weight:700;letter-spacing:0;line-height:1.3}
h1,h2,h3{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
h1{overflow-wrap:anywhere}
html[lang^="zh"] h1,html[lang^="zh"] h2,html[lang^="zh"] h3{hyphens:manual}
p strong,li strong,td strong,dd strong{font-weight:650}
.note,small{color:var(--mute)}
a{color:var(--sea);text-decoration-line:underline;text-decoration-thickness:2px;text-decoration-color:var(--mint);text-underline-offset:4px;transition:text-decoration-color .25s var(--ease),background-size .3s var(--ease),color .2s}
a:hover{text-decoration-color:var(--accent)}
.prose a{background:linear-gradient(var(--lime),var(--lime)) no-repeat 0 92%/0 .55em;text-decoration:none;border-bottom:2px solid var(--mint)}
.prose a:hover{background-size:100% .55em;border-bottom-color:transparent;color:var(--jade-d)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.tscroll:focus-visible,.track:focus-visible,.strip:focus-visible,.badge:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}
.lnk{color:var(--sea);min-height:44px;display:inline-flex;align-items:center;font-weight:600;font-family:var(--display)}
.skip{background:var(--jade-d);color:#fff}



:root{
  --map-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 400'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M591,-21C584,-14 562,6 549,18C536,30 525,43 513,52C501,61 481,64 476,73C471,81 487,94 484,102C482,110 469,114 463,120C457,127 445,132 447,140C448,149 462,161 472,169C482,177 503,179 506,189C509,199 490,216 492,228C495,240 520,247 522,260C524,272 503,290 506,303C510,316 531,330 545,339C558,347 581,350 588,352'/%3E%3Cpath d='M52,131C59,119 68,108 78,105C88,101 102,114 112,112C121,110 123,93 133,92C143,90 161,97 170,105C179,112 178,128 187,137C195,146 218,149 221,159C224,168 205,182 205,195C204,207 221,223 219,232C217,241 198,240 191,249C184,259 186,283 177,287C169,292 150,275 142,276C134,278 135,296 129,295C123,293 107,278 104,269C102,259 118,247 112,240C107,233 82,232 73,225C64,217 65,204 59,196C52,187 36,187 35,176C33,165 44,142 52,131Z'/%3E%3Cpath d='M273,221C278,213 290,217 296,212C303,208 305,196 313,195C321,194 334,200 344,205C353,210 367,219 369,226C371,233 349,241 353,248C356,254 387,257 389,263C392,270 375,285 367,288C358,291 345,278 338,281C331,285 330,305 322,306C315,308 300,300 290,292C281,284 271,270 268,258C265,246 268,228 273,221Z'/%3E%3Cpath d='M225,304C231,305 238,315 246,316C253,316 268,305 271,308C274,310 268,324 265,330C262,335 254,335 253,341C252,348 262,365 259,368C257,370 244,356 238,356C231,356 225,371 222,368C218,366 220,347 217,341C213,335 201,336 200,331C199,327 207,320 211,315C215,311 219,304 225,304Z'/%3E%3Cpath d='M99,46C101,43 108,41 113,41C117,42 127,48 128,52C128,55 120,61 116,62C111,63 104,62 101,60C98,57 97,49 99,46Z'/%3E%3Cpath d='M391,67C393,64 401,61 405,62C408,63 413,69 412,73C412,76 405,83 401,83C398,84 393,79 391,76C389,73 389,69 391,67Z'/%3E%3Cpath d='M353,117C354,114 360,112 363,113C365,114 370,122 369,125C368,128 360,131 357,129C355,128 352,119 353,117Z'/%3E%3Cpath d='M416,157C417,154 422,152 423,153C425,154 428,160 426,163C425,165 416,169 415,168C413,167 414,159 416,157Z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M296 120q9-8 18 0t18 0'/%3E%3Cpath d='M330 150q9-8 18 0t18 0'/%3E%3Cpath d='M70 340q9-8 18 0t18 0'/%3E%3Cpath d='M330 384q9-8 18 0t18 0'/%3E%3Cpath d='M20 250q9-8 18 0t18 0'/%3E%3Cpath d='M470 300q9-8 18 0t18 0'/%3E%3C/g%3E%3Cpath d='M450,136C438,214 420,300 336,350S272,364 254,348C214,352 178,322 152,270' fill='none' stroke='%23D8F23C' stroke-width='5' stroke-linecap='round' stroke-dasharray='0.1 11'/%3E%3Cg transform='translate(392 296) rotate(-12)'%3E%3Cpath d='M0 -26V0H-14Z' fill='%23FFFFFF'/%3E%3Cpath d='M3 -20V0H17Z' fill='%23FFFFFF' opacity='.85'/%3E%3Cpath d='M-18 4H22L16 11H-12Z' fill='%23D8F23C'/%3E%3C/g%3E%3Ccircle cx='452' cy='128' r='9' fill='%23D8F23C' stroke='%23063527' stroke-width='2.6'/%3E%3Ccircle cx='452' cy='128' r='15' fill='none' stroke='%23FFFFFF' stroke-width='1.4' opacity='.6'/%3E%3Ccircle cx='246' cy='338' r='9' fill='%23D8F23C' stroke='%23063527' stroke-width='2.6'/%3E%3Ccircle cx='246' cy='338' r='15' fill='none' stroke='%23FFFFFF' stroke-width='1.4' opacity='.6'/%3E%3Ccircle cx='150' cy='266' r='9' fill='%23D8F23C' stroke='%23063527' stroke-width='2.6'/%3E%3Ccircle cx='150' cy='266' r='15' fill='none' stroke='%23FFFFFF' stroke-width='1.4' opacity='.6'/%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' transform='translate(34 40)'%3E%3Cpath d='M0 22V-8'/%3E%3Cpath d='M-7 0L0 -9L7 0'/%3E%3C/g%3E%3Cg transform='translate(280.1 100) rotate(-4)'%3E%3Cpath d='M1 -1 3 -2 4 -17 2 -17 2 -18H10L10 -17L7 -17L7 -2H10Q11 -2 11 -2Q12 -2 12 -2Q13 -3 13 -4L13 -5H15L14 0H1Z M29 -3Q29 -2 29 -2Q29 -2 30 -2Q30 -2 30 -2Q31 -2 31 -2L32 -1Q31 -1 31 0Q30 0 30 0Q29 0 28 0Q28 0 27 0Q26 0 26 -1Q26 -2 26 -2L27 -7L26 -8L26 -5Q25 -4 25 -3Q25 -2 24 -1Q24 0 23 0Q22 0 21 0Q20 0 19 0Q18 -1 17 -2Q17 -4 17 -5Q17 -7 17 -9Q18 -10 19 -11Q20 -12 21 -13Q22 -14 23 -14Q24 -14 25 -13Q26 -13 27 -13L29 -14L29 -13ZM22 -2Q22 -2 23 -2Q23 -2 24 -3Q24 -3 24 -5Q25 -6 25 -8L26 -12Q26 -12 25 -12Q24 -12 24 -12Q23 -12 22 -12Q22 -11 21 -10Q21 -9 20 -8Q20 -7 20 -5Q20 -4 20 -3Q21 -2 21 -2Q21 -2 22 -2Z M39 0Q38 0 38 0Q37 0 36 0Q35 0 35 0Q34 -1 33 -1L34 -18L32 -19L32 -20H37L37 -20L37 -11L36 -5L36 -5L37 -9Q38 -10 38 -11Q39 -13 40 -13Q41 -14 42 -14Q43 -14 44 -13Q45 -12 46 -11Q46 -10 46 -8Q46 -5 45 -3Q44 -2 43 -1Q41 0 39 0ZM41 -12Q41 -12 40 -11Q40 -11 39 -11Q39 -10 39 -9Q38 -7 38 -5L37 -2Q37 -2 38 -1Q38 -1 39 -1Q40 -1 41 -2Q41 -2 42 -3Q42 -4 42 -5Q43 -7 43 -8Q43 -9 43 -10Q42 -11 42 -11Q42 -12 41 -12Z M47 -12Q48 -13 49 -13Q49 -13 50 -13Q50 -14 51 -14Q52 -14 53 -13Q53 -12 53 -11L53 -4Q52 -3 53 -2Q53 -2 53 -2Q54 -2 54 -2Q54 -2 55 -3Q55 -4 55 -5L58 -13H61L61 -3Q61 -2 61 -2Q61 -2 61 -2Q62 -2 62 -2Q62 -2 63 -2L63 -1Q63 0 62 0Q62 0 62 0Q61 0 61 0Q60 0 60 0Q59 0 58 0Q57 -1 58 -2L58 -9L58 -9L56 -4Q56 -2 55 -1Q55 0 54 0Q53 0 52 0Q51 0 50 -1Q49 -2 49 -4L50 -11Q50 -11 50 -12Q50 -12 49 -12Q49 -12 49 -12Q48 -12 48 -11Z M76 -3Q76 -2 77 -2Q77 -2 77 -2Q77 -2 78 -2Q78 -2 78 -2L79 -1Q79 -1 78 0Q78 0 77 0Q76 0 76 0Q75 0 74 0Q74 0 74 -1Q73 -2 74 -2L74 -7L74 -8L73 -5Q73 -4 72 -3Q72 -2 72 -1Q71 0 70 0Q70 0 69 0Q67 0 66 0Q65 -1 65 -2Q64 -4 64 -5Q64 -7 65 -9Q65 -10 66 -11Q67 -12 68 -13Q69 -14 71 -14Q72 -14 73 -13Q74 -13 74 -13L76 -14L77 -13ZM69 -2Q70 -2 70 -2Q71 -2 71 -3Q71 -3 72 -5Q72 -6 73 -8L74 -12Q73 -12 73 -12Q72 -12 71 -12Q70 -12 70 -12Q69 -11 69 -10Q68 -9 68 -8Q68 -7 68 -5Q68 -4 68 -3Q68 -2 68 -2Q69 -2 69 -2Z M95 -1Q95 -1 94 0Q93 0 93 0Q92 0 91 0Q90 0 90 0Q89 -1 89 -2L90 -9Q90 -10 90 -11Q90 -11 89 -11Q89 -11 88 -11Q88 -11 88 -10Q87 -10 87 -9L84 0H81L82 -11Q82 -11 82 -12Q81 -12 81 -12Q81 -12 80 -12Q80 -12 80 -11L79 -13Q79 -13 80 -13Q81 -13 81 -13Q82 -14 82 -14Q84 -14 84 -13Q85 -12 85 -11L84 -4L84 -4L86 -10Q86 -11 87 -12Q87 -13 88 -13Q89 -14 90 -14Q91 -14 92 -13Q93 -13 93 -12Q93 -11 93 -9L92 -3Q92 -2 93 -2Q93 -1 93 -1Q93 -1 94 -2Q94 -2 94 -2Z M116 -14Q116 -13 115 -13Q115 -12 114 -11Q113 -10 112 -10V-10Q114 -9 115 -8Q116 -7 116 -5Q116 -4 116 -3Q115 -2 114 -1Q113 -1 112 0Q110 0 108 0H101L101 -1L104 -2L104 -17L102 -17L102 -18H109Q112 -18 114 -17Q116 -16 116 -14ZM108 -10Q110 -10 110 -11Q111 -11 112 -12Q112 -13 112 -14Q112 -15 111 -16Q110 -17 109 -17H108L107 -2H108Q110 -2 111 -2Q112 -2 112 -3Q113 -4 113 -6Q113 -7 112 -7Q112 -8 111 -8Q111 -9 110 -9Q109 -9 109 -9Q109 -9 108 -9Z M130 -3Q130 -2 130 -2Q130 -2 131 -2Q131 -2 132 -2Q132 -2 132 -2L133 -1Q132 -1 132 0Q131 0 131 0Q130 0 129 0Q129 0 128 0Q128 0 127 -1Q127 -2 127 -2L128 -7L128 -8L127 -5Q127 -4 126 -3Q126 -2 125 -1Q125 0 124 0Q123 0 122 0Q121 0 120 0Q119 -1 119 -2Q118 -4 118 -5Q118 -7 119 -9Q119 -10 120 -11Q121 -12 122 -13Q123 -14 125 -14Q126 -14 126 -13Q127 -13 128 -13L130 -14L131 -13ZM123 -2Q124 -2 124 -2Q124 -2 125 -3Q125 -3 125 -5Q126 -6 126 -8L127 -12Q127 -12 126 -12Q126 -12 125 -12Q124 -12 123 -12Q123 -11 122 -10Q122 -9 122 -8Q121 -7 121 -5Q121 -4 122 -3Q122 -2 122 -2Q123 -2 123 -2Z M139 -3Q139 -2 138 0Q138 1 137 2Q137 4 136 5Q136 5 135 5Q135 6 134 6Q134 6 133 6Q133 6 132 6Q132 5 132 4Q132 4 132 4Q132 3 132 3L134 3Q134 4 134 4Q135 4 135 3Q135 3 135 2Q135 2 135 1Q135 1 135 1Q135 0 135 0L136 -11Q136 -11 136 -12Q136 -12 135 -12Q135 -12 135 -12Q134 -12 134 -11L133 -13Q134 -13 134 -13Q135 -13 135 -14Q136 -14 137 -14Q138 -14 138 -13Q139 -13 139 -12Q139 -12 139 -11ZM135 -18Q135 -19 136 -19Q136 -20 137 -20Q138 -20 138 -20Q139 -19 139 -19Q139 -19 139 -18Q139 -17 139 -17Q138 -16 137 -16Q136 -16 136 -17Q135 -17 135 -18Z M148 0Q146 0 145 0Q143 -1 143 -3Q142 -4 142 -6Q142 -8 143 -9Q143 -10 144 -11Q145 -12 146 -13Q147 -14 149 -14Q151 -14 152 -13Q153 -12 154 -11Q155 -9 155 -7Q155 -6 154 -4Q154 -3 153 -2Q152 -1 151 0Q150 0 148 0ZM148 -1Q150 -1 150 -2Q151 -3 151 -4Q151 -6 151 -7Q151 -9 151 -10Q151 -11 150 -11Q150 -12 149 -12Q148 -12 147 -12Q147 -11 146 -10Q146 -10 146 -9Q146 -7 146 -6Q146 -5 146 -3Q146 -2 147 -2Q147 -1 148 -1Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cg transform='translate(186.0 388) rotate(2)'%3E%3Cpath d='M8 -9Q8 -8 8 -8Q8 -8 9 -8Q10 -8 11 -10Q12 -10 12 -13Q12 -14 12 -15Q11 -15 10 -16Q10 -16 8 -16H7L7 -2L10 -1L10 0H1L1 -1L3 -2L4 -16L2 -16L2 -18H9Q11 -18 12 -17Q13 -17 14 -16Q15 -16 15 -15Q15 -14 15 -13Q15 -11 15 -10Q14 -9 14 -9Q13 -8 12 -7Q10 -7 9 -7Q9 -7 8 -7Q8 -7 8 -7Z M29 -2Q29 -2 29 -2Q29 -1 29 -1Q30 -1 30 -2Q30 -2 31 -2L31 -1Q31 -1 30 0Q30 0 29 0Q28 0 28 0Q27 0 27 0Q26 0 26 -1Q26 -1 26 -2L26 -7L26 -7L25 -5Q25 -4 25 -3Q24 -2 24 -1Q23 0 23 0Q22 0 21 0Q20 0 19 0Q18 -1 17 -2Q17 -3 17 -5Q17 -7 17 -8Q18 -10 19 -11Q19 -12 21 -13Q22 -13 23 -13Q24 -13 25 -13Q26 -13 26 -12L28 -13L29 -13ZM22 -2Q22 -2 23 -2Q23 -2 23 -3Q24 -3 24 -4Q24 -6 25 -7L26 -11Q25 -11 25 -11Q24 -12 24 -12Q23 -12 22 -11Q22 -11 21 -10Q21 -9 20 -8Q20 -6 20 -5Q20 -4 20 -3Q21 -2 21 -2Q21 -2 22 -2Z M44 -2Q44 -2 44 -2Q44 -1 44 -1Q45 -1 45 -2Q45 -2 46 -2L46 -1Q46 -1 46 0Q45 0 44 0Q44 0 43 0Q42 0 41 0Q41 -1 41 -2L42 -7L41 -7L41 -5Q40 -4 40 -3Q40 -2 39 -1Q39 0 38 0Q37 0 36 0Q35 0 34 0Q34 0 33 -1Q33 -2 32 -3Q32 -4 32 -5Q32 -7 33 -8Q33 -10 34 -11Q35 -12 36 -13Q37 -13 38 -13Q39 -13 40 -13Q41 -13 41 -12L41 -17L39 -18L39 -19H44L44 -19ZM37 -2Q37 -2 38 -2Q38 -2 38 -3Q39 -3 39 -4Q40 -5 40 -7L41 -11Q41 -11 40 -11Q40 -11 40 -12Q39 -12 39 -12Q38 -12 37 -11Q37 -11 36 -10Q36 -9 36 -8Q35 -6 35 -5Q35 -3 36 -2Q36 -2 37 -2Z M59 -2Q59 -2 59 -2Q59 -1 60 -1Q60 -1 60 -2Q61 -2 61 -2L61 -1Q61 -1 61 0Q60 0 60 0Q59 0 58 0Q58 0 57 0Q57 0 56 -1Q56 -1 56 -2L57 -7L57 -7L56 -5Q56 -4 55 -3Q55 -2 54 -1Q54 0 53 0Q52 0 51 0Q50 0 49 0Q48 -1 48 -2Q47 -3 47 -5Q47 -7 48 -8Q48 -10 49 -11Q50 -12 51 -13Q52 -13 54 -13Q55 -13 55 -13Q56 -13 57 -12L59 -13L59 -13ZM52 -2Q53 -2 53 -2Q53 -2 54 -3Q54 -3 54 -4Q55 -6 55 -7L56 -11Q56 -11 55 -11Q55 -12 54 -12Q53 -12 53 -11Q52 -11 51 -10Q51 -9 51 -8Q51 -6 51 -5Q51 -4 51 -3Q51 -2 51 -2Q52 -2 52 -2Z M64 -10Q64 -11 64 -11Q64 -11 63 -11Q63 -11 63 -11Q62 -11 62 -11L62 -12Q62 -12 63 -13Q63 -13 64 -13Q64 -13 65 -13Q66 -13 66 -12Q67 -12 67 -10L66 -6L67 -6L68 -10Q68 -11 69 -12Q69 -12 70 -13Q70 -13 71 -13Q72 -13 72 -13Q73 -13 73 -12Q73 -12 73 -11Q73 -11 73 -10Q73 -10 72 -9L71 -10Q71 -10 71 -10Q71 -11 70 -11Q70 -11 70 -10Q70 -10 70 -10Q69 -10 69 -9Q69 -9 68 -8Q68 -6 67 -5Q67 -5 67 -4Q67 -3 67 -3Q67 -2 66 -2L66 0H64Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cg transform='translate(66.0 196) rotate(-5)'%3E%3Cpath d='M16 0Q14 0 14 0Q13 -1 12 -2Q12 -3 11 -5Q11 -6 10 -7Q10 -7 10 -8Q9 -8 9 -9Q8 -9 8 -9L8 -10L14 -17L12 -17L12 -18H19L19 -17L17 -17L10 -10V-10Q11 -10 12 -9Q13 -9 13 -8Q14 -7 14 -6Q15 -4 15 -4Q15 -3 16 -2Q16 -2 16 -2Q16 -2 17 -2Q17 -2 18 -2Q18 -2 18 -2L19 -1Q18 0 17 0Q16 0 16 0ZM1 0 1 -1 3 -2 4 -17 2 -17 2 -18H10L9 -17L7 -17L7 -2L9 -1L9 0Z M26 0Q24 0 23 0Q21 -1 21 -3Q20 -4 20 -6Q20 -8 20 -9Q21 -10 22 -11Q22 -12 24 -13Q25 -14 27 -14Q29 -14 30 -13Q31 -12 32 -11Q33 -9 33 -7Q33 -6 32 -4Q32 -3 31 -2Q30 -1 29 0Q28 0 26 0ZM26 -1Q27 -1 28 -2Q29 -3 29 -4Q29 -6 29 -7Q29 -9 29 -10Q29 -11 28 -11Q28 -12 27 -12Q26 -12 25 -12Q25 -11 24 -10Q24 -10 24 -9Q24 -7 24 -6Q24 -5 24 -3Q24 -2 25 -2Q25 -1 26 -1Z M44 -9Q44 -10 44 -11Q44 -11 43 -11Q43 -11 43 -11Q43 -11 42 -10Q42 -10 42 -8L39 0H36L36 -11Q36 -11 36 -12Q36 -12 36 -12Q35 -12 35 -12Q35 -12 34 -11L34 -13Q34 -13 35 -13Q35 -13 36 -14Q37 -14 37 -14Q38 -14 39 -13Q39 -12 39 -11L39 -4L39 -4L40 -10Q41 -11 41 -12Q42 -13 43 -13Q43 -14 44 -14Q45 -14 46 -13Q47 -13 47 -12Q47 -11 47 -10L46 -4L47 -4L48 -9Q49 -11 49 -12Q50 -13 51 -13Q51 -14 52 -14Q54 -14 54 -13Q55 -13 55 -12Q55 -11 55 -9L55 -3Q55 -2 55 -2Q55 -1 55 -1Q56 -1 56 -2Q56 -2 57 -2L57 -1Q57 -1 56 0Q56 0 55 0Q54 0 54 0Q53 0 52 0Q52 0 52 -1Q51 -1 51 -2L52 -9Q52 -10 52 -11Q52 -11 51 -11Q51 -11 51 -11Q50 -11 50 -10Q50 -10 49 -8L47 0H44Z M64 0Q62 0 61 0Q60 -1 59 -3Q59 -4 59 -6Q59 -8 59 -9Q59 -10 60 -11Q61 -12 62 -13Q63 -14 65 -14Q67 -14 68 -13Q70 -12 70 -11Q71 -9 71 -7Q71 -6 71 -4Q70 -3 70 -2Q69 -1 67 0Q66 0 64 0ZM65 -1Q66 -1 66 -2Q67 -3 67 -4Q68 -6 68 -7Q68 -9 67 -10Q67 -11 67 -11Q66 -12 65 -12Q64 -12 64 -12Q63 -11 63 -10Q62 -10 62 -9Q62 -7 62 -6Q62 -5 62 -3Q63 -2 63 -2Q64 -1 65 -1Z M85 -3Q85 -2 86 -2Q86 -1 86 -1Q86 -1 87 -2Q87 -2 88 -2L88 -1Q88 -1 87 0Q87 0 86 0Q85 0 85 0Q83 0 83 0Q82 -1 82 -2L83 -8L83 -8L82 -5Q82 -4 81 -3Q81 -2 81 -1Q80 0 79 0Q79 0 77 0Q76 0 76 0Q75 0 74 -1Q74 -2 74 -3Q73 -4 73 -5Q73 -7 74 -9Q74 -10 75 -11Q76 -12 77 -13Q78 -14 80 -14Q81 -14 82 -13Q82 -13 83 -13L83 -18L81 -19L81 -20H86L86 -20ZM78 -2Q79 -2 79 -2Q80 -2 80 -3Q80 -3 81 -5Q81 -6 82 -8L83 -12Q82 -12 82 -12Q81 -12 81 -12Q81 -12 80 -12Q79 -12 79 -12Q78 -11 78 -10Q77 -9 77 -8Q77 -7 77 -5Q77 -3 77 -3Q77 -2 78 -2Z M95 0Q93 0 92 0Q90 -1 90 -3Q89 -4 89 -6Q89 -8 90 -9Q90 -10 91 -11Q91 -12 93 -13Q94 -14 96 -14Q98 -14 99 -13Q100 -12 101 -11Q102 -9 102 -7Q102 -6 101 -4Q101 -3 100 -2Q99 -1 98 0Q97 0 95 0ZM95 -1Q96 -1 97 -2Q98 -3 98 -4Q98 -6 98 -7Q98 -9 98 -10Q98 -11 97 -11Q97 -12 96 -12Q95 -12 94 -12Q94 -11 93 -10Q93 -10 93 -9Q93 -7 93 -6Q93 -5 93 -3Q93 -2 94 -2Q94 -1 95 -1Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E");
  --wave-bg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 26C120 6 240 6 360 24S600 44 720 26 960 6 1080 24 1320 42 1440 26V48H0Z' fill='%23FBFDF9'/%3E%3C/svg%3E");
  --wave-jade:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 26C120 6 240 6 360 24S600 44 720 26 960 6 1080 24 1320 42 1440 26V48H0Z' fill='%230A4B38'/%3E%3C/svg%3E");
  --wave-lime:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 26C120 6 240 6 360 24S600 44 720 26 960 6 1080 24 1320 42 1440 26V48H0Z' fill='%23D8F23C'/%3E%3C/svg%3E");
  --wave-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 26C120 6 240 6 360 24S600 44 720 26 960 6 1080 24 1320 42 1440 26V48H0Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
  --pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath d='M14 33C6 23 3 18 3 13a11 11 0 0 1 22 0c0 5-3 10-11 20Z' fill='none' stroke='%23087A4F' stroke-width='2.4' stroke-linejoin='round'/%3E%3Ccircle cx='14' cy='13' r='4.6' fill='%23D8F23C' stroke='%23063527' stroke-width='1.6'/%3E%3C/svg%3E");
  --squig:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='14' viewBox='0 0 72 14'%3E%3Cpath d='M0 7Q9 0 18 7T36 7T54 7T72 7' fill='none' stroke='%23087A4F' stroke-width='3' stroke-linecap='round' stroke-dasharray='0.1 7.2' opacity='.55'/%3E%3C/svg%3E");
  --tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.5 10.5l4.2 4.2L16.5 5.5' fill='none' stroke='%23087A4F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --tick-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.5 10.5l4.2 4.2L16.5 5.5' fill='none' stroke='%23063527' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --arrow-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10h11M10.5 4.5L16 10l-5.5 5.5' fill='none' stroke='%23063527' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --arrow-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10h11M10.5 4.5L16 10l-5.5 5.5' fill='none' stroke='%23FFFFFF' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}



.top{background:var(--bg);border-bottom:0;box-shadow:0 1px 0 var(--line)}
.bar{min-height:var(--head-h);gap:16px}
.brand{font-size:1.55rem;font-weight:800;letter-spacing:-.035em;color:var(--ink);gap:11px;min-height:48px;text-decoration:none}
.brand-mark{width:42px;height:42px;border-radius:13px;transition:transform .45s var(--spring)}
.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.06)}
.brand span{font-family:var(--display);font-size:.66rem;font-weight:550;letter-spacing:.1em;color:var(--mute);margin-top:3px}
.nav a,.nav-mega li.grp>details>summary,.lang summary{font-family:var(--display);font-size:.92rem;font-weight:600;letter-spacing:-.005em;color:var(--ink);border-radius:0;padding:10px var(--np);
  background:linear-gradient(var(--lime),var(--lime)) no-repeat var(--np) 74%/0 .52em;transition:background-size .4s var(--ease),color .2s;text-decoration:none}
.nav a:hover,.nav-mega li.grp>details[open]>summary,.nav-mega li.grp>details>summary:hover{background-color:transparent;background-size:calc(100% - 2*var(--np)) .52em;color:var(--ink)}
.nav a[aria-current],.nav-mega li.grp.on>details>summary{box-shadow:none;background-size:calc(100% - 2*var(--np)) .52em}
.nav-mega li.grp>details>summary::after{width:6px;height:6px;opacity:.7;margin-left:2px}
.lang summary{border:1.5px solid var(--line);border-radius:999px;background-image:none;min-height:44px;display:flex;align-items:center;padding:6px 16px;transition:border-color .2s,background-color .2s}
.lang summary:hover{border-color:var(--accent);background-color:var(--bg2);background-image:none}
.btn-top{min-height:46px;padding:9px 22px;font-size:.92rem}
.lang ul,.nav-mega li.grp>details>.panel{background:var(--paper)!important;border:1.5px solid var(--line)!important;border-radius:22px!important;box-shadow:var(--lift)!important;padding:10px}
.nav .panel a,.lang ul a{font-size:.95rem;font-weight:550;color:var(--ink);border-radius:14px;min-height:44px;display:flex;align-items:center;background-image:none;padding:8px 14px;transition:background-color .2s}
.nav .panel a:hover,.lang ul a:hover{background:var(--bg2);color:var(--ink)}
.nav-mega .panel a[aria-current="page"]{color:var(--jade-d);font-weight:700;background:var(--lime)}
.nav-mega .panel li.hd{font-family:var(--display);font-size:.74rem;letter-spacing:.06em;font-weight:650;color:var(--mute);padding:12px 14px 2px}
html[lang^="zh"] .nav a,html[lang^="zh"] .nav-mega li.grp>details>summary,html[lang^="zh"] .lang summary{font-size:.95rem}
@media (min-width:1181px){.nav-mega>ul{gap:0}.top .bar.wrap{max-width:min(1440px,100%)}}
@media (min-width:1181px) and (max-width:1560px){
  html:not([lang^="zh"]){--np:8px}
  html:not([lang^="zh"]) .bar{gap:10px}
  html:not([lang^="zh"]) .brand{font-size:1.4rem}
  html:not([lang^="zh"]) .brand-mark{width:38px;height:38px}
  html:not([lang^="zh"]) .nav a,html:not([lang^="zh"]) .nav-mega li.grp>details>summary,html:not([lang^="zh"]) .lang summary{font-size:.84rem}
  html:not([lang^="zh"]) .btn-top{padding:9px 16px;font-size:.84rem}
}
.top .btn-top{white-space:nowrap;flex:none}
.top .nav-mega>ul>li,.top .nav-mega li.grp>details>summary{white-space:nowrap}
.burger{background:var(--paper);border:2px solid var(--jade);border-radius:999px;color:var(--jade-d);font-family:var(--display);font-size:.92rem;font-weight:700;min-height:48px;min-width:48px;padding:6px 20px;transition:background-color .2s,color .2s}
.burger:hover,.burger[aria-expanded="true"]{background:var(--jade);color:#fff}
@media (max-width:1180px){
  :root{--head-h:66px}
  .nav ul#menu{top:var(--head-h);background:var(--bg);border-bottom:0;border-radius:0 0 28px 28px;box-shadow:0 30px 40px -20px rgba(6,53,39,.35);padding:10px 16px 22px}
  .nav a,.nav-mega li.grp>details>summary{background-image:none;font-size:1.08rem;min-height:54px;display:flex;align-items:center;padding:10px 14px;border-radius:16px}
  .nav a:hover,.nav-mega li.grp>details[open]>summary,.nav-mega li.grp>details>summary:hover{background-color:var(--bg2)}
  .nav a[aria-current],.nav-mega li.grp.on>details>summary{background-color:var(--lime);color:var(--jade-d)}
  .nav-mega li.grp,.nav-mega>ul>li>a{border-bottom:0;margin-bottom:4px}
  .nav-mega li.grp>details>.panel,.lang ul{border:0!important;background:transparent!important;box-shadow:none!important;padding:0 0 8px 10px}
  .nav .panel a,.lang ul a{font-size:1.02rem}
  .lang summary{width:max-content;margin:10px 0 0}
}
@media (max-width:480px){.brand,.brand-long{font-size:1.3rem;gap:8px}.brand-mark,.brand-long .brand-mark{width:34px;height:34px;border-radius:11px}.btn-top{padding:8px 14px;font-size:.82rem;min-height:44px}.bar{gap:8px}}
@media (max-width:400px){.brand,.brand-long{font-size:1.14rem}.top .wrap{padding-left:14px;padding-right:14px}.btn-top{padding:8px 11px;font-size:.76rem}.burger{padding:6px 14px}}


.btn{display:inline-flex;align-items:center;justify-content:center;gap:.7em;text-align:center;min-height:58px;padding:14px 30px;border-radius:999px;border:2px solid transparent;
  font-family:var(--display);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;text-decoration:none;cursor:pointer;
  transition:transform .3s var(--spring),box-shadow .25s var(--ease),background-color .2s,color .2s,border-color .2s}
.btn-primary{background:var(--lime);color:var(--jade-d);border-color:var(--lime);padding:10px 10px 10px 30px;box-shadow:0 4px 0 0 var(--jade-d)}
.btn-primary::after{content:"";flex:none;width:36px;height:36px;border-radius:50%;background:var(--jade-d) var(--arrow-white) center/18px no-repeat;transition:transform .35s var(--spring)}
.btn-primary:hover{background:#E4F85A;border-color:#E4F85A;filter:none;transform:translateY(-3px);box-shadow:0 7px 0 0 var(--jade-d)}
.btn-primary:hover::after{transform:translateX(4px)}
.btn-primary:active{transform:translateY(3px);box-shadow:0 1px 0 0 var(--jade-d);transition-duration:.08s}
.btn-ghost,.btn-secondary{background:transparent;color:var(--jade-d);border-color:var(--jade)}
.btn-ghost:hover,.btn-secondary:hover{background:var(--jade);color:#fff;border-color:var(--jade);transform:translateY(-2px)}
.btn-ghost:active{transform:translateY(1px)}
.btn-sm{min-height:46px;padding:9px 22px;font-size:.93rem}
.btn-primary.btn-sm{padding:7px 8px 7px 20px}
.btn-primary.btn-sm::after{width:30px;height:30px;background-size:15px}
.btn-top.btn-primary{padding:7px 8px 7px 20px;box-shadow:0 3px 0 0 var(--jade-d)}
.btn-top.btn-primary::after{width:30px;height:30px;background-size:15px}
.btn-top.btn-primary:hover{box-shadow:0 5px 0 0 var(--jade-d)}
.cta-row{gap:14px 16px;align-items:center}
@media (max-width:520px){.cta-row{flex-direction:column;align-items:stretch}.cta-row .btn{width:100%;justify-content:space-between}.cta-row .btn-ghost{justify-content:center}.btn-top.btn-primary::after{display:none}.btn-top.btn-primary{padding:8px 16px}}
.sticky-wa .btn,.sticky-wa .btn:hover{background:var(--wa);border-color:var(--wa);color:#fff;box-shadow:0 6px 0 -1px var(--jade-d)}
.sticky-wa .btn::after{display:none}
.fab-wa{border-radius:999px;background:var(--wa);color:#fff;border:3px solid #fff;box-shadow:0 10px 26px -6px rgba(6,53,39,.55);transition:transform .3s var(--spring)}
.fab-wa:hover{transform:scale(1.07)}
.fab-stack .fab-wc{background:#067F40}


.hero{position:relative;overflow:hidden;background:var(--jade-d);color:#fff;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end}
.hero.hero-home{min-height:clamp(640px,92svh,940px)}
.hero.hero-inner{min-height:clamp(400px,56svh,580px)}
.hero-img{position:absolute;inset:0;z-index:0}
.hero-img img{object-fit:cover}
.hero-img::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(6,53,39,.88) 0,rgba(6,53,39,.66) 34%,rgba(6,53,39,.3) 68%,rgba(6,53,39,.2) 100%),linear-gradient(0deg,rgba(6,53,39,.55) 0,rgba(6,53,39,0) 40%)}
.hero-img::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:clamp(28px,3.4vw,52px);z-index:2;pointer-events:none;background:var(--wave-bg) center bottom/100% 100% no-repeat}
.hero::after{display:none}
.hero::before{content:"";position:absolute;z-index:2;pointer-events:none;right:max(16px,calc((100vw - var(--wrap))/2 + 8px));bottom:clamp(110px,16vh,170px);width:min(31vw,440px);aspect-ratio:560/400;
  background:var(--map-light) center/contain no-repeat}
.hero.hero-inner::before{width:min(24vw,320px);opacity:.55;bottom:90px}
.hero .hero-text,.hero.hero-home .hero-text,.hero.text-right .hero-text{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;
  min-height:0;width:100%;padding-top:calc(var(--head-h) + 56px);padding-bottom:clamp(68px,8vw,112px)}
.hero.hero-inner .hero-text{padding-top:calc(var(--head-h) + 28px);padding-bottom:clamp(62px,6vw,88px)}
.hero.text-right .hero-text h1,.hero.text-right .lede{text-align:left}
.hero.text-right .cta-row{justify-content:flex-start}
.hero-text>*{max-width:min(100%,640px)}
.kicker{display:inline-flex;align-items:center;gap:.6em;background:var(--lime);color:var(--jade-d);font-family:var(--display);font-size:.84rem;font-weight:700;letter-spacing:-.005em;line-height:1.2;padding:7px 16px 7px 12px;border-radius:999px;margin:0 0 1.15rem}
.kicker::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--jade-d)}
.hero-text h1,.hero-home .hero-text h1,.hero-inner .hero-text h1,.hero.text-right .hero-text h1{color:#fff;text-shadow:0 2px 30px rgba(6,53,39,.35);max-width:17ch;font-size:clamp(2.5rem,4.9vw,4.5rem);margin:0 0 .35em;text-wrap:balance}
.hero-inner .hero-text h1{max-width:22ch;font-size:clamp(2.1rem,4vw,3.4rem)}
.lede,.hero.text-right .lede{color:#EAF6EE;font-size:1.14rem;line-height:1.55;max-width:46ch;margin:0 0 1.3rem;text-shadow:none}
.byline{color:#EAF6EE;font-size:.98rem;margin:.3em 0 0}
.hero-price{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.15em .6em;background:rgba(6,53,39,.72);border:2px dashed rgba(216,242,60,.9);border-radius:24px;max-width:min(100%,560px);
  color:#fff;font-family:var(--display);font-size:1.08rem;font-weight:600;line-height:1.35;padding:11px 22px;margin:0 0 .75rem}
.hero-price.hero-next,.hero-price+.hero-price{background:transparent;border:2px solid rgba(255,255,255,.45);font-weight:500;font-size:.96rem;padding:8px 18px}
.hero .cta-row{margin:1.1rem 0 0}
.hero .btn-ghost{color:#fff;border-color:#fff}
.hero .btn-ghost:hover{background:#fff;color:var(--jade-d);border-color:#fff}
.photo-cap{position:absolute;right:18px;top:calc(var(--head-h) + 14px);bottom:auto;z-index:3;margin:0;padding:6px 14px;background:rgba(255,255,255,.9);color:var(--ink2);font-family:var(--display);font-size:.74rem;font-weight:600;border-radius:999px}
@media (min-width:721px) and (max-width:999px){
  .hero::before{top:calc(var(--head-h) + 24px);bottom:auto;width:34vw;opacity:.55}
  .hero.hero-inner::before{display:none}
}
@media (max-width:720px){
  .hero,.hero.hero-home,.hero.hero-inner{display:block;min-height:0;background:var(--jade-d)}
  .hero-img{position:relative;inset:auto;width:100%;height:clamp(260px,42svh,400px)}
  .hero.hero-inner .hero-img{height:clamp(190px,28svh,260px)}
  .hero-img::before{background:linear-gradient(0deg,rgba(6,53,39,.4) 0,rgba(6,53,39,0) 45%)}
  .hero-img::after{height:30px;background-image:var(--wave-jade)}
  .hero::before{right:-46px;left:auto;bottom:16px;top:auto;width:340px;opacity:.2;filter:none}
  .hero.hero-inner::before{display:block;width:260px;opacity:.16;right:-40px}
  .hero .hero-text,.hero.hero-home .hero-text,.hero.text-right .hero-text,.hero.hero-inner .hero-text{display:block;padding:4px 20px 40px}
  .hero-text>*{max-width:none}
  .kicker{margin-bottom:1rem}
  .hero-text h1,.hero-home .hero-text h1,.hero-inner .hero-text h1{font-size:clamp(2.2rem,9.8vw,2.95rem);max-width:none;text-shadow:none}
  .hero-inner .hero-text h1{font-size:clamp(1.95rem,8.6vw,2.5rem)}
  .lede{font-size:1.04rem}
  .hero-price{display:flex;font-size:1rem;padding:11px 18px}
  .photo-cap{right:12px;top:12px;font-size:.68rem}
}


.stamp{display:inline-flex;align-items:center;gap:.5em;background:var(--bg2);color:var(--sea);font-family:var(--display);font-size:.8rem;font-weight:650;padding:5px 14px;border-radius:999px;margin:44px 0 16px}
.answer{font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.32;max-width:46ch;color:var(--ink);font-weight:500;letter-spacing:-.018em;text-wrap:pretty}
html[lang^="zh"] .answer{font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.7;letter-spacing:0}
.wrap>.cta-row{margin-top:1.5em}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,220px));gap:12px;border:0;padding:0;margin:34px 0 4px}
.facts div{background:var(--bg2);border-radius:20px;padding:16px 20px 15px}
.facts dt{font-family:var(--display);font-size:.8rem;font-weight:600;color:var(--mute);margin-bottom:4px}
.facts dd{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;line-height:1.05;color:var(--sea);letter-spacing:-.03em}
.facts-ticket{display:inline-block;border:2px dashed var(--accent);border-radius:24px;padding:14px 24px;margin:32px 0 4px;font-family:var(--display);font-size:1.25rem;font-weight:600;color:var(--ink)}
@media (max-width:720px){.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.facts div{padding:14px 16px 13px}}


.sec{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:clamp(52px,7vw,100px) 0 0;border-top:0;position:relative}
.sec::before{content:"";grid-column:1;height:34px;margin-bottom:2px;background:var(--pin) no-repeat 0 50%/22px 29px,var(--squig) repeat-x 34px 50%/72px 14px}
.sec>h2{position:static;grid-column:1;max-width:20ch;margin:0;text-wrap:balance}
.sec.wide>h2{max-width:24ch}
.sec>*:not(h2){grid-column:1}
.sec>.prose{max-width:var(--measure)}
@media (min-width:1000px){.sec.wide>.prose{max-width:none;columns:2;column-gap:64px}}
@media (min-width:1100px){
  .sec:nth-of-type(3n+2)::after{content:"";position:absolute;right:0;top:clamp(52px,7vw,100px);width:320px;aspect-ratio:560/400;background:var(--accent);opacity:.08;pointer-events:none;
    -webkit-mask:var(--map-light) center/contain no-repeat;mask:var(--map-light) center/contain no-repeat}
}
.prose h3{margin-top:1.5em;font-size:1.5rem}
.prose ul{padding-left:1.15em}
.prose li{padding-left:.25em;margin-bottom:.2em}
.prose li::marker{color:var(--accent)}
.close{position:relative;max-width:none;margin:clamp(80px,10vw,136px) 0 0;background:var(--jade);color:#fff;border-top:0;overflow:hidden;
  padding:clamp(76px,9vw,124px) max(20px,calc((100vw - var(--wrap))/2 + 20px)) clamp(88px,10vw,136px)}
.close::before{content:"";position:absolute;left:0;right:0;top:-1px;height:clamp(28px,3.4vw,52px);background:var(--wave-bg) center top/100% 100% no-repeat;transform:scaleY(-1);pointer-events:none}
.close::after{content:"";position:absolute;right:max(0px,calc((100vw - var(--wrap))/2 - 40px));bottom:-10px;width:min(78vw,480px);aspect-ratio:560/400;background:var(--lime);opacity:.16;pointer-events:none;
  -webkit-mask:var(--map-light) center/contain no-repeat;mask:var(--map-light) center/contain no-repeat}
.close>*{position:relative;z-index:1}
.close h2{color:#fff;font-size:clamp(2rem,4.6vw,3.7rem);max-width:16ch;margin-bottom:.4em;text-wrap:balance}
.close p{color:#DDEFE4;max-width:var(--measure)}
.close .btn-ghost{color:#fff;border-color:#fff}
.close .btn-ghost:hover{background:#fff;color:var(--jade-d)}
.close a:not(.btn){color:#fff}
.faq{border-top:0;padding-top:0;margin-top:clamp(52px,7vw,100px)}
.faq>h2{font-size:clamp(1.9rem,3.7vw,3.1rem);margin-bottom:.5em}
.faq-group{font-size:clamp(1.5rem,2.4vw,2rem);margin-top:52px}


.cabin-img,.swiper,.strip-item img,.grid figure,.hotel img,.spotgrid figure img,.thumb,.thumb img,.map-wrap,.map img,.wechat img{border-radius:24px}
.swiper{overflow:hidden;background:var(--mint)}
.swiper .track{aspect-ratio:4/3}
.swiper .slide img{transition:transform .6s var(--ease)}
.cabin-card:hover .slide img,.space-card:hover .slide img{transform:scale(1.04)}
.sw-prev,.sw-next{width:44px;height:44px;background:rgba(255,255,255,.94);color:var(--jade-d);font-size:1.5rem;box-shadow:0 4px 12px -3px rgba(6,53,39,.4);transition:background-color .2s,transform .3s var(--spring)}
.sw-prev:hover,.sw-next:hover{background:var(--lime);transform:translateY(-50%) scale(1.08)}
.swiper .dots{bottom:16px;gap:6px}
.swiper .dots i{width:8px;height:8px;background:rgba(255,255,255,.7);transition:width .3s var(--ease),background-color .3s}
.swiper .dots i.on{transform:none;width:24px;border-radius:99px;background:var(--lime)}
.sw-all{border-radius:999px;background:rgba(255,255,255,.94);color:var(--jade-d);min-height:38px;padding:0 16px;font-family:var(--display);font-size:.82rem;font-weight:650;backdrop-filter:none}
.sw-all:hover{background:var(--lime);color:var(--jade-d)}
.strip{gap:14px}
.strip-item{flex-basis:min(80vw,320px)}
.strip-item img{aspect-ratio:4/5}
.strip-item figcaption{padding:12px 4px 0}
.strip-item figcaption strong{font-size:1.2rem;font-weight:700}
.map-wrap{border:1.5px solid var(--line)}
.map figcaption{font-size:.86rem;color:var(--mute)}

.grid:not(.spotgrid){grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,17vw,230px);grid-auto-flow:dense;gap:12px;margin:14px 0 18px}
.grid:not(.spotgrid) figure{position:relative;margin:0;background:var(--mint);cursor:zoom-in;overflow:hidden;transition:box-shadow .3s var(--ease),transform .4s var(--spring)}
.grid:not(.spotgrid) figure:nth-child(7n+1){grid-column:span 2;grid-row:span 2}
.grid:not(.spotgrid) figure:nth-child(7n+5){grid-column:span 2}
.grid:not(.spotgrid) figure img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border-radius:0}
.grid figure img{transition:transform .9s var(--ease)}
.grid figure:hover{box-shadow:0 0 0 4px var(--lime)}
.grid figure:hover img{transform:scale(1.05)}
.grid figcaption{font-family:var(--display);font-size:.84rem;font-weight:550;color:var(--mute);padding:8px 6px 4px}
.spotgrid{gap:12px}
.spotgrid figure img{aspect-ratio:3/2}
@media (max-width:720px){
  .grid:not(.spotgrid){grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:42vw;gap:10px}
  .grid:not(.spotgrid) figure,.grid:not(.spotgrid) figure:nth-child(7n+1),.grid:not(.spotgrid) figure:nth-child(7n+5){grid-column:span 1;grid-row:span 1}
  .grid:not(.spotgrid) figure:nth-child(5n+1){grid-column:span 2;grid-row:span 2}
  .cabin-img,.swiper,.strip-item img,.grid figure,.hotel img,.thumb,.thumb img{border-radius:20px}
}


.cabin-card,.space-card,.rv,.svc-item,.pay,.social,.wechat,ol.steps li,.compass,.plan,ul.posts a,ul.posts.cards li a,.bookvia,.isnot,.next-deps li,.dep-month,ul.fleet-cards .vcard{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-l);box-shadow:none}
.cabin-card,.space-card,ul.posts a,ul.posts.cards li a,ul.fleet-cards .vcard{transition:transform .4s var(--spring),box-shadow .35s var(--ease),border-color .25s}
.cabin-card:hover,.space-card:hover,ul.posts a:hover,ul.posts.cards li a:hover,ul.fleet-cards .vcard:hover{transform:translateY(-6px);box-shadow:var(--lift);border-color:var(--accent)}
.cabin-card,.space-card{overflow:hidden}
.cabin-card .swiper,.space-card .swiper{border-radius:0}
.cabins-v2{gap:clamp(22px,3vw,36px);grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}
.cabin-body{padding:24px 26px 28px;gap:10px}
.cabin-body h3{font-size:1.7rem;font-weight:750;line-height:1.05}
.cabin-body h3 small{font-family:var(--display);font-size:.82rem;font-weight:550;color:var(--mute);margin-top:6px}
.verdict,.rv p{font-family:var(--body);font-style:italic;font-weight:400;color:var(--ink2);font-size:1.04rem;line-height:1.5}
html[lang^="zh"] .verdict,html[lang^="zh"] .rv p{font-style:normal}
ul.icons{font-size:.92rem;gap:6px 12px}
.cabin-price{background:var(--bg2);border:0;border-radius:20px;padding:12px 18px 13px;margin-top:auto}
.cabin-price .lbl{font-family:var(--display);font-size:.78rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--mute)}
.cabin-price strong{font-size:2rem;font-weight:800;letter-spacing:-.03em;color:var(--sea);line-height:1.05}
.cabin-body .btn{margin-top:6px;align-self:stretch}
.cabin-body .for{font-size:.95rem}
.rv{background:var(--bg2);border-color:var(--bg2);padding:26px 28px}
.rv p{font-size:1.15rem}
.rv .stars{color:var(--accent)}
.svc-item{padding:22px 24px}
.pay,.social,.compass{padding:24px 26px;background:var(--bg2);border-color:var(--bg2)}
.opbox,.quiet,.hotel-note,.bookvia,.isnot{background:var(--bg2);border:0;border-left:6px solid var(--lime);border-radius:8px var(--r) var(--r) 8px;padding:18px 22px}
.plan{padding:28px;background:var(--bg2);border-color:var(--bg2)}
.plan label{font-family:var(--display);font-size:.88rem;font-weight:600;color:var(--ink2)}
.plan input,.plan select{border-radius:16px;border:2px solid var(--field);background:var(--paper);color:var(--ink);min-height:52px;padding:10px 14px;font-family:var(--body)}
.plan input:focus,.plan select:focus{outline:3px solid var(--lime);outline-offset:0;border-color:var(--accent)}
ul.posts{gap:12px}
ul.posts a{padding:16px 20px;border-radius:24px}
ul.posts a strong,ul.posts.cards strong{font-size:1.3rem;font-weight:700;line-height:1.15;color:var(--ink)}
ul.posts.cards{gap:22px}
ul.posts.cards li a{padding:0;display:flex;flex-direction:column;overflow:hidden}
ul.posts.cards .thumb{aspect-ratio:3/2;border-radius:0}
ul.posts.cards .thumb picture{display:block;height:100%}
ul.posts.cards .thumb img{height:100%;border-radius:0;transition:transform .9s var(--ease)}
ul.posts.cards li a:hover .thumb img{transform:scale(1.05)}
ul.posts.cards .card-body{padding:18px 22px 24px;flex:1}
.occ-feat{grid-template-columns:repeat(3,minmax(0,1fr))}
ul.posts.cards.occ-feat{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
ul.posts.cards.occ-feat .thumb{aspect-ratio:4/3}
.occ-feat .card-body strong{font-size:1.55rem}
.occ-grid{gap:10px}
.occ-grid a{border:2px solid var(--line);border-radius:999px;background:var(--paper);padding:15px 24px;min-height:56px;display:flex;align-items:center;font-family:var(--display);font-size:1.08rem;font-weight:650;line-height:1.2;color:var(--ink);transition:background-color .2s,border-color .2s,transform .3s var(--spring)}
.occ-grid a:hover{background:var(--lime);border-color:var(--lime);transform:translateY(-3px)}
.occ-more{margin-top:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
@media (max-width:720px){.occ-feat,ul.posts.cards.occ-feat{grid-template-columns:minmax(0,1fr)}.occ-more{grid-template-columns:minmax(0,1fr)}.cabin-body{padding:22px 22px 26px}.cabin-body h3{font-size:1.6rem}.rv,.pay,.social,.compass,.plan{padding:22px}}
.tags li,.stops span,.pill,.flag{border-radius:999px}
.tags li{border:1.5px solid var(--line);background:var(--paper);color:var(--ink2);font-size:.86rem;padding:4px 12px}
.stops span{background:var(--bg2);color:var(--ink2);font-weight:500}
.badge,.soc-links a{min-height:46px;border:1.5px solid var(--line);background:var(--paper);transition:border-color .2s,transform .3s var(--spring)}
.badge:hover,.soc-links a:hover{border-color:var(--accent);transform:translateY(-2px)}
.badge-google .bstars{color:#7A5200}
.badge-ta .bstars{color:#0B6B4A}
.pill{font-family:var(--display);font-weight:650}
.pill.fitted{color:var(--sea);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.pill.not_fitted{color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent)}
.pill.on_request{color:var(--ink2);background:var(--bg2)}
.days li{border-left:3px dotted var(--accent);padding-left:26px}
.days li::before{width:16px;height:16px;left:-9.5px;top:20px;background:var(--lime);border:3px solid var(--jade)}
ul.check li,ul.cross li{padding:8px 0 8px 34px;border-bottom:1.5px dashed var(--line)}
ul.check li::before{content:"";left:0;top:11px;width:20px;height:20px;background:var(--tick) center/contain no-repeat}
ul.cross li::before{content:"";left:3px;top:19px;width:14px;height:3px;border-radius:2px;background:var(--rule)}
ol.steps{gap:16px}
ol.steps li{padding:24px 22px 22px 78px;background:var(--bg2);border-color:var(--bg2)}
ol.steps li::before{left:20px;top:22px;width:42px;height:42px;border-radius:50%;background:var(--lime);color:var(--jade-d);font-family:var(--display);font-size:1.3rem;font-weight:800;box-shadow:0 3px 0 0 var(--jade-d)}


.patungan{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0}
.patungan>*{background:var(--bg2);border-radius:22px;padding:16px 18px;display:flex;flex-direction:column;gap:2px;transition:transform .35s var(--spring),background-color .2s}
.patungan>*:hover{transform:translateY(-4px);background:var(--lime)}
.patungan span{font-family:var(--display);font-size:.84rem;font-weight:600;color:var(--mute)}
.patungan strong{font-family:var(--display);font-size:1.55rem;font-weight:800;letter-spacing:-.03em;color:var(--sea);line-height:1.1}
.patungan>*:hover span,.patungan>*:hover strong{color:var(--jade-d)}


ul.fleet-cards{gap:clamp(20px,2.6vw,32px);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin:2rem 0}
ul.fleet-cards .vcard{overflow:hidden;display:flex;flex-direction:column}
ul.fleet-cards .thumb{position:relative;aspect-ratio:4/3;border-radius:0;overflow:hidden}
ul.fleet-cards .thumb picture{display:block;height:100%}
ul.fleet-cards .thumb img{height:100%;border-radius:0;transition:transform .9s var(--ease)}
ul.fleet-cards .vcard:hover .thumb img{transform:scale(1.05)}
ul.fleet-cards .thumb::before{position:absolute;left:14px;top:14px;z-index:2;width:40px;height:40px;border-radius:50%;background:var(--lime);color:var(--jade-d);font-family:var(--display);font-size:1.15rem;font-weight:800;display:grid;place-items:center;box-shadow:0 3px 0 0 var(--jade-d)}
ul.fleet-cards .vcard[data-vessel="1"] .thumb::before{content:"1"}
ul.fleet-cards .vcard[data-vessel="2"] .thumb::before{content:"2"}
ul.fleet-cards .vcard[data-vessel="3"] .thumb::before{content:"3"}
ul.fleet-cards .vcard[data-vessel="4"] .thumb::before{content:"4"}
ul.fleet-cards .vcard[data-vessel="5"] .thumb::before{content:"5"}
ul.fleet-cards .vbody{padding:22px 24px 26px;gap:.65rem;flex:1}
ul.fleet-cards .vbody h3{font-size:1.9rem;font-weight:800;line-height:1}
ul.fleet-cards .vbody h3 a{color:var(--ink);text-decoration:none}
ul.fleet-cards .vbody h3 small{display:inline-block;font-family:var(--display);font-size:.78rem;font-weight:650;color:var(--sea);background:var(--bg2);border-radius:999px;padding:3px 11px;opacity:1;vertical-align:middle;margin-left:.3em}
ul.fleet-cards .vfacts{font-family:var(--display);font-weight:550;color:var(--mute);font-size:.92rem}
ul.fleet-cards .suits{color:var(--ink2);font-size:.97rem}
ul.fleet-cards .vprice{background:var(--bg2);border-radius:20px;padding:13px 18px;margin-top:auto;gap:3px}
ul.fleet-cards .vprice span{font-family:var(--display);font-weight:550;font-size:.9rem;color:var(--ink2)}
ul.fleet-cards .vprice strong{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--sea);line-height:1.1}
ul.fleet-cards .vlinks{gap:8px 10px;margin-top:.5rem}
ul.fleet-cards .vlinks .btn:first-child{background:var(--accent);border-color:var(--accent);color:#fff}
ul.fleet-cards .vlinks .btn:first-child:hover{background:var(--jade);border-color:var(--jade)}
.vessel-blk>h3{border-bottom:2px dotted var(--accent);font-size:2rem;font-weight:800;padding-bottom:.45rem}
.vessel-blk>h3 small{font-family:var(--display);font-size:.8rem;font-weight:600;color:var(--mute);opacity:1}
.vessel-links a{font-family:var(--display);font-weight:650}
.fchip,.fleet-cal .fchip{border-radius:999px;border:1.5px solid var(--line);background:var(--paper);min-height:46px;transition:border-color .2s,transform .3s var(--spring)}
a.fchip:hover{border-color:var(--accent);transform:translateY(-2px)}
.fchip b,.flegend b{border:0;border-radius:50%;background:var(--lime);color:var(--jade-d);font-family:var(--display);font-weight:800}
.fchip.few,.fchip.underway{color:var(--sea)}
li.fdate{border-top:1.5px dashed var(--line);padding:.85rem 0}
ol.fdates li.fdate time{font-family:var(--display);font-weight:750;font-size:1.15rem;letter-spacing:-.02em}
li.fdate .fask{font-family:var(--display);font-weight:650;color:var(--sea)}
.fdep-year{border-top:2px dotted var(--accent)}
.fdep-year>summary::after{color:var(--accent);font-weight:400}
.fdep-month h4{font-size:1.45rem}
.compass{padding:24px 26px 12px}
.next-deps time{font-size:1.3rem;font-weight:750}
.next-deps li,.dep-month{background:var(--paper);border-color:var(--line)}
.dep-month h4{font-size:1.3rem}
.dep-year{font-size:2rem;font-weight:800}
li.dep{border-bottom:1.5px dashed var(--line)}
li.dep.few em{color:var(--sea);font-weight:700}
li.dep.sold em{color:var(--bad)}


.qa{background:var(--paper);border:1.5px solid var(--line);border-radius:22px;padding:2px 24px;margin-bottom:12px;max-width:860px;transition:border-color .25s,box-shadow .3s}
.qa:hover,.qa[open]{border-color:var(--accent)}
.qa[open]{box-shadow:0 14px 30px -22px rgba(6,53,39,.55)}
.qa summary{min-height:62px;align-items:center;gap:16px}
.qa summary h3{font-family:var(--display);font-size:1.08rem;font-weight:650;letter-spacing:-.01em;line-height:1.3;margin:0}
.qa summary::after,.qa[open] summary::after{content:"+";flex:none;width:36px;height:36px;border-radius:50%;background:var(--lime);color:var(--jade-d);font-family:var(--display);font-size:1.5rem;font-weight:600;line-height:1;display:grid;place-items:center;transition:transform .4s var(--spring)}
.qa[open] summary::after{transform:rotate(45deg)}
.qa p{color:var(--ink2);padding-bottom:10px}
.qa h3{font-family:var(--display)}
.fit h3{font-size:1.35rem}


table{border-collapse:separate;border-spacing:0;border:1.5px solid var(--line);border-radius:24px;background:var(--paper);font-variant-numeric:lining-nums tabular-nums;font-size:.98rem;margin:12px 0 30px}
caption{caption-side:top;background:var(--bg2);color:var(--jade-d);font-size:1.3rem;font-weight:750;letter-spacing:-.02em;line-height:1.15;padding:18px 22px 16px;border-radius:22px 22px 0 0}
thead th{background:var(--jade);color:#fff;font-family:var(--display);font-size:.84rem;font-weight:650;letter-spacing:.01em;padding:14px 16px;border-bottom:0}
thead th:first-child{border-top-left-radius:22px}
thead th:last-child{border-top-right-radius:22px}
caption+thead th:first-child,caption+thead th:last-child{border-radius:0}
thead th a,.fleet-cmp thead th a{color:#fff;text-decoration-color:var(--lime)}
th,td{padding:14px 16px;border-bottom:1.5px dashed var(--line)}
tbody tr:last-child>*{border-bottom:0}
tbody tr:last-child>:first-child{border-bottom-left-radius:22px}
tbody tr:last-child>:last-child{border-bottom-right-radius:22px}
tbody th{font-family:var(--display);font-weight:650;color:var(--ink)}
tbody tr{transition:background-color .2s}
tbody tr:hover>*{background:color-mix(in srgb,var(--bg2) 70%,transparent)}
tr.extra td{color:var(--ink2)}
tr.total td{border-top:2px solid var(--jade);background:color-mix(in srgb,var(--lime) 40%,#fff);font-weight:700}
table.pp td:not(:first-child),table.fleet-pp td:not(:first-child){font-family:var(--display);font-weight:700;font-size:1.05rem}
table.pp td:not(:first-child),table.pp thead th:not(:first-child),table.fleet-pp td:not(:first-child),table.fleet-pp thead th:not(:first-child){text-align:right}
table.itin tr.k-sunrise td,table.itin tr.k-trek td,table.itin tr.k-snorkel td,table.itin tr.k-swim td{background:transparent}
table.itin .tm{color:var(--sea);font-family:var(--display);font-weight:700}
table.itin tr.night td{background:var(--bg2);font-style:italic}
table.season td.v-rough,table.season td.v-wet,table.season td.v-low,table.season td:nth-child(5).v-peak,table.season td:nth-child(5).v-high{color:var(--bad)}
table.season td.v-calm,table.season td.v-good,table.season td.v-high,table.season td.v-dry,table.season td:nth-child(4).v-peak,table.season td:nth-child(5).v-low{color:var(--sea)}
.fleet-ot tr.vrow th,table.fleet-ot tr.vrow th{background:var(--mint);color:var(--jade-d);font-family:var(--display);font-size:1.1rem;font-weight:750;padding-left:16px}
.fleet-ot tr.vrow a{color:var(--jade-d)}
.fleet-ot tr.vrow:hover>*{background:var(--mint)}
.tscroll{padding-bottom:14px}
.tscroll[data-hint].is-scroll::after{color:var(--mute);opacity:1;font-family:var(--display);font-size:.8rem;font-weight:550}
.tables{gap:8px 40px}


.foot{position:relative;background:var(--lime);color:var(--jade-d);border-top:0;margin-top:0;padding:clamp(64px,8vw,108px) 0 30px;font-size:.97rem;overflow:visible}
.foot::before{content:"";position:absolute;left:0;right:0;top:-47px;height:48px;background:var(--wave-lime) center bottom/100% 100% no-repeat;pointer-events:none}
.foot::after{content:"";position:absolute;right:max(0px,calc((100vw - var(--wrap))/2 - 30px));top:clamp(40px,6vw,80px);width:min(70vw,440px);aspect-ratio:560/400;background:var(--jade);opacity:.07;pointer-events:none;
  -webkit-mask:var(--map-light) center/contain no-repeat;mask:var(--map-light) center/contain no-repeat}
.foot>*{position:relative;z-index:1}
.foot a{color:var(--jade-d);text-decoration-color:rgba(6,53,39,.45);font-weight:500}
.foot a:hover{text-decoration-color:var(--jade-d);background:rgba(255,255,255,.45)}
.foot :focus-visible{outline-color:var(--jade-d)}
.foot strong{font-family:var(--display);font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--jade-d);margin-bottom:12px}
.foot .cols>div:first-child strong{font-size:1.75rem;line-height:1.05;letter-spacing:-.03em}
.foot p,.foot li{color:var(--jade-d)}
.foot li{padding:0}
.foot li a,.foot p a{display:inline-flex;align-items:center;min-height:36px}
.foot .legal{border-top:2px dashed rgba(6,53,39,.4);color:var(--ink2);margin-top:44px;padding-top:22px;font-size:.84rem}
.legal-co,.legal-pay .pay-other{color:var(--ink2)}
.paylogos img{background:#fff;border-radius:10px;padding:6px 10px;height:22px;box-sizing:content-box;filter:none}
.paylogos{gap:8px 10px}
@media (max-width:980px){.foot .cols{grid-template-columns:repeat(2,minmax(0,1fr))}.foot .cols>div:first-child{grid-column:1/-1}}
@media (max-width:520px){.foot .cols{grid-template-columns:minmax(0,1fr)}.foot .cols>div:first-child{grid-column:auto}}
.lightbox{background:rgba(6,53,39,.95)}
.lightbox button{background:rgba(216,242,60,.2);color:#fff;transition:background-color .2s,color .2s}
.lightbox button:hover{background:var(--lime);color:var(--jade-d)}
.lightbox img{border-radius:18px}


.hotels li{border-top:1.5px dashed var(--line)}
.hotels li h4,.hotel h4{font-size:1.45rem;line-height:1.1;font-weight:750}
h3.area{font-size:1.35rem;color:var(--ink2);margin:34px 0 10px}
.hfrom strong{white-space:nowrap;font-family:var(--display);font-size:1.2rem;font-weight:800;color:var(--sea)}
.hotel img{aspect-ratio:3/2}
dl.kv{grid-template-columns:minmax(0,max-content) minmax(0,1fr)}
dl.kv dt,dl.kv dd{min-width:0;overflow-wrap:anywhere}
dl.kv dt{color:var(--mute);font-family:var(--display);font-weight:550}
@media (max-width:520px){dl.kv{grid-template-columns:minmax(0,1fr);gap:0}dl.kv dt{margin-top:8px}.wechat{flex-direction:column}.wechat img{width:140px}}
.cabin-card>.photos-pending{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;margin:0;background:var(--mint);color:var(--jade-d);font-family:var(--display);font-size:.95rem;font-weight:600;text-align:center;padding:0 24px}
.hotel .hbody .btn+a,.hotel .hbody p+p{margin-top:6px}
.hotel .hbody .btn{margin-bottom:6px}
.paylogos img{opacity:.95}
.wechat{padding:18px 20px}


@media (max-width:720px){
  body{font-size:17px}
  .tscroll{margin:0 -20px;padding:0 20px 14px}
  .tscroll table.rates td,.tscroll table.pp td,.tscroll table.pc td,.tscroll table.cmp td{white-space:nowrap}
  .tscroll table.rates.ft td,.tscroll table.rates.ft th,.tscroll table.fleet-cmp td.sx{white-space:normal}
  .tscroll table:not(.ft) tr>:first-child{position:sticky;left:0;z-index:1;background:var(--paper);box-shadow:1px 0 0 var(--line);padding-right:12px}
  .tscroll table:not(.ft) thead tr>:first-child{background:var(--jade)}
  .tscroll table:not(.ft) tbody tr.vrow>:first-child{background:var(--mint)}
  caption{font-size:1.2rem;padding:16px 18px 14px}
  .tscroll table.rates.ot thead th:nth-child(2),.tscroll table.rates.ot tbody tr:not(.vrow)>td:nth-child(2){display:none}
  .tscroll table.rates.ot{min-width:0;width:100%}
  .tscroll table.rates.ot td,.tscroll table.rates.ot th{white-space:normal}
  .tscroll table.rates.ot tr>:first-child{width:44%}
  .hero .hero-text .lede,.hero .hero-text .hero-price,.answer,.vcard .vbody>p{padding-right:58px}
  .facts div:last-child:nth-child(odd){grid-column:span 2}
  .foot::after{display:none}
  .close::after{opacity:.09}
  main{padding-bottom:12px}
  ul.fleet-cards .vbody{padding:20px 20px 24px}
  .qa{padding:2px 18px}
  .close{padding-bottom:104px}
}


@keyframes svRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes svSettle{from{transform:scale(1.07)}to{transform:scale(1)}}
@keyframes svFade{from{opacity:0}to{opacity:1}}
@keyframes svRoute{from{-webkit-mask-size:0% 100%;mask-size:0% 100%}to{-webkit-mask-size:100% 100%;mask-size:100% 100%}}
@keyframes svSlide{from{transform:translateY(26px)}to{transform:none}}
@media (prefers-reduced-motion:no-preference){
  .hero-text>*{animation:svRise .6s var(--ease) both}
  .hero-text>*:nth-child(2){animation-delay:.08s}
  .hero-text>*:nth-child(3){animation-delay:.16s}
  .hero-text>*:nth-child(4){animation-delay:.24s}
  .hero-text>*:nth-child(n+5){animation-delay:.32s}
  
  @media (min-width:721px){.hero::before{animation:svFade 1.4s .3s ease backwards}}
}
@media (prefers-reduced-motion:reduce){
  .hero-text>*,.hero-img img,.hero::before{animation:none}
  .btn,.nav a,.cabin-card,.grid figure,.grid figure img,.swiper .slide img,.occ-grid a,.vcard,.brand-mark,.qa summary::after{transition:none}
}



table.itin thead th:first-child,table.itin td.tm{display:none}
table.itin thead th:nth-child(2){border-top-left-radius:22px}
table.itin tbody tr>td:nth-child(2){border-bottom-left-radius:0}

.sec.wide>.prose h3,.sec.wide>.prose h4{break-after:avoid;break-inside:avoid}
.sec.wide>.prose ul{break-inside:avoid}

@media (max-width:720px){.tscroll table.rates td,.tscroll table.rates th{white-space:nowrap}.tscroll table.rates.ft td,.tscroll table.rates.ft th,.tscroll table.fleet-cmp td.sx,.tscroll table.rates.ot td,.tscroll table.rates.ot th,.tscroll table.itin td{white-space:normal}caption{white-space:normal}}
h1,h2,h3{-webkit-hyphens:manual;hyphens:manual}


@media (min-width:1px){.content>.sec,.content>.faq,.close,.foot{content-visibility:auto;contain-intrinsic-size:auto 700px}}


@media (max-width:480px){
.bar:has(.brand-long){gap:8px}
.brand.brand-long{font-size:1.2rem;gap:8px}
.brand-long .brand-mark{width:30px;height:30px;border-radius:10px}
.brand-long~.btn-top.btn-primary{padding:6px 12px;min-height:44px;font-size:.84rem;line-height:1.15;white-space:normal;text-align:center;max-width:7.4rem}
}
@media (max-width:360px){
.brand.brand-long{font-size:1.05rem;gap:6px}
.brand-long .brand-mark{width:26px;height:26px}
.brand-long~.btn-top.btn-primary{padding:6px 9px;font-size:.8rem;max-width:6.2rem}
}

.hotel .hbody a[href*="google.com/maps"]{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:0 10px;vertical-align:middle}


.fleet-cards{list-style:none;margin:1.2rem 0;padding:0;display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.fleet-cards .vcard{display:flex;flex-direction:column;border:1px solid var(--line,rgba(0,0,0,.14));border-radius:12px;overflow:hidden;background:var(--card,transparent)}
.fleet-cards .vlink{display:block}
.fleet-cards .thumb{margin:0;aspect-ratio:3/2;overflow:hidden}
.fleet-cards .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.fleet-cards .vbody{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.5rem}
.fleet-cards .vbody h3{margin:0}
.fleet-cards .vbody h3 small{font-size:.7em;font-weight:400;opacity:.7}
.fleet-cards .vfacts,.fleet-cards .suits{margin:0}
.fleet-cards .vprice{margin:0;display:flex;flex-direction:column;gap:.15rem}
.fleet-cards .vlinks{margin:.3rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}
.vessel-blk{margin:1.6rem 0 2.2rem}
.vessel-blk>h3{margin:0 0 .8rem;padding-bottom:.4rem;border-bottom:1px solid var(--line,rgba(0,0,0,.14))}
.vessel-blk>h3 small{font-size:.7em;font-weight:400;opacity:.7}
table.rates.fleet-cmp{width:100%;table-layout:fixed}
table.rates.fleet-cmp th,table.rates.fleet-cmp td,table.rates.fleet-cmp thead th:not(:first-child){padding:8px 12px;vertical-align:top;text-align:left;white-space:normal;font-size:.95rem}
table.rates.fleet-cmp th[scope=row]{width:21%}
.fleet-cmp td.sx span{display:block;line-height:1.35}
.fleet-cmp td.sx span+span{margin-top:3px}
.fleet-cmp tr.links td{font-size:.9em}
table.fleet-pp,table.fleet-ot{width:100%}
.fleet-ot tr.vrow th{text-align:left;font-weight:600;background:var(--bg2)}
.fleet-ot tr.vrow small{font-weight:400;opacity:.75}
.flegend{list-style:none;margin:.3rem 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.6rem}
.flegend li{display:flex;align-items:center;gap:.5rem}
.flegend b,.fchip b{display:inline-grid;place-items:center;width:1.55em;height:1.55em;border:1px solid var(--accent);color:var(--accent);font-weight:600;font-size:.9em;line-height:1;flex:none}
.fdep-year{border-top:1px solid var(--line);margin:1.2rem 0 .4rem}
.fdep-year>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:48px}
.fdep-year>summary::-webkit-details-marker{display:none}
.fdep-year>summary::after{content:"+";font-size:1.7rem;line-height:1;color:var(--accent)}
.fdep-year[open]>summary::after{content:"\2212"}
.fdep-year>summary h3{margin:0}
.fdep-month{margin:.8rem 0 1.4rem}
.fdep-month h4{margin:0 0 .3rem;font-size:1.2rem}
ol.fdates{list-style:none;margin:0;padding:0}
li.fdate{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .9rem;padding:.65rem 0;border-top:1px solid var(--line)}
li.fdate time{font-weight:600;font-variant-numeric:tabular-nums;min-width:5.5rem}
li.fdate .froute{color:var(--mute);font-size:.85rem}
li.fdate .fask{margin-left:auto;order:3}
li.fdate .fchips{display:flex;flex-wrap:wrap;gap:.4rem;order:2}
.fchip{display:inline-flex;align-items:center;gap:.5rem;min-height:40px;padding:0 .8rem 0 .45rem;border:1px solid var(--line);font-size:.88rem;line-height:1.2;color:inherit;text-decoration:none;white-space:nowrap}
a.fchip:hover{border-color:var(--accent)}
.fchip.none{opacity:.35}
.fchip.few{color:var(--accent);font-weight:600}
.fchip.sold{opacity:.6;text-decoration:line-through}
.fchip.underway{color:var(--sea)}
@media (min-width:721px){li.fdate .fchip{flex:0 0 10.2rem}li.fdate .fchips{flex:1}li.fdate .froute{min-width:3rem}}
@media (max-width:720px){li.fdate .fchips{order:4;flex-basis:100%}li.fdate .fchip{flex:1 1 auto;justify-content:flex-start}
table.rates.fleet-cmp{table-layout:auto;width:auto;min-width:100%}
table.rates.fleet-cmp th[scope=row]{width:118px;min-width:118px;font-size:.85rem}
li.fdate .fask{letter-spacing:.03em;font-size:.72rem}
li.fdate{column-gap:.6rem}
table.rates.fleet-cmp td,table.rates.fleet-cmp thead th:not(:first-child){min-width:150px}
.tscroll table.fleet-cmp td.sx{white-space:normal}
.tscroll table.fleet-ot tr.vrow>th{position:static;box-shadow:none;background:var(--bg2)}}
.legal-co{display:flex;flex-wrap:wrap;gap:.2rem 1.6rem}
.legal-co span:first-child{font-weight:600}
.legal-pay .paylogos{margin:.7rem 0 .2rem}
.legal-pay .pay-other{margin:.3rem 0 0}
.vessel-links{list-style:none;padding:0;margin:.6rem 0;display:flex;flex-wrap:wrap;gap:.5rem 1.2rem}
.legal-pay+p{margin-top:.8rem}