/* ===== product-once-in-a-lifetime.css v0 — blocks carried only by this product, in page order ===== */
/* pay rule (from main style 00762d1c; decision 12-#③: FA/OOAL only) */


/* 2026-10-03 senior-friendly: no 14px labels */
.fx-pay-n,.fx-pay-w{font-size:16px!important}
/* --- block 698ec4c1 --- */
@media(min-width:761px){.ax-map-m{display:none!important}}@media(max-width:760px){.fx-mapsvg .ax-map-d{display:none!important}.fx-mapsvg svg.ax-map-m{min-width:0!important;width:100%}}.ax-legend{display:flex;flex-wrap:wrap;gap:10px 28px;padding:14px clamp(14px,1.6vw,22px);border-top:1px solid rgba(244,239,230,.18);font-family:var(--s);font-size:15px;color:rgba(244,239,230,.88)}.ax-lg{display:inline-flex;align-items:center;gap:10px}.ax-lg svg{width:72px;height:28px;display:block}@media print{#weather .fx-when *,#weather .fx-when-n{color:#232019!important}}
/* --- block a53ea491 --- */

/* ── THE ALPINE CROSSING page-level layout (2026-09-29) ── */
@media(min-width:901px){.fx-pay-m img{aspect-ratio:16/9}}
/* 05 stays: two cards per row */
.ax-stays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.2vw,30px);margin-top:clamp(30px,3.6vw,48px)}
.ax-stay{display:flex;flex-direction:column;border:1px solid var(--fxdk-ln);background:rgba(244,239,230,.035)}
.ax-stay-m{margin:0;overflow:hidden;background:rgba(244,239,230,.07)}
.ax-stay-m img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.ax-stay-t{padding:clamp(20px,2.2vw,30px) clamp(20px,2.4vw,32px) clamp(24px,2.6vw,34px)}
.ax-stay-h{margin:12px 0 0;font-family:var(--d);font-weight:400;font-size:clamp(22px,2.1vw,28px);line-height:1.2;letter-spacing:.03em;text-transform:uppercase;color:#fff}
.ax-stay-p{margin:14px 0 0;font-size:var(--fx-t4,16.5px);line-height:1.85;color:var(--fxdk-tx)}
.ax-stay.wide{grid-column:1/-1;flex-direction:row}
.ax-stay.wide .ax-stay-m{flex:0 0 50%}
.ax-stay.wide .ax-stay-m img{height:100%;aspect-ratio:auto;min-height:100%}
.ax-stay.wide .ax-stay-t{align-self:center}
html[lang="zh-Hans"] .ax-stay-h{letter-spacing:.02em;font-weight:500;line-height:1.35}
html[lang="zh-Hans"] .ax-stay-p,html[lang="zh-Hans"] .ax-move-p{line-height:2.0}
@media(max-width:760px){.ax-stays{grid-template-columns:1fr}.ax-stay.wide{flex-direction:column}.ax-stay.wide .ax-stay-m{flex:none}.ax-stay.wide .ax-stay-m img{aspect-ratio:3/2;height:auto}}
/* 06 who looks after you: ruled grid */
.fx-care .fx-care-g{gap:0;border:1px solid var(--fxln);background:var(--fxcard);counter-reset:axc;margin-top:18px}
.fx-care .fx-care-g>div{padding:clamp(20px,2vw,28px) clamp(18px,1.8vw,26px);border-left:1px solid var(--fxln);counter-increment:axc}
.fx-care .fx-care-g>div:first-child{border-left:0}
.fx-care .fx-care-g>div:before{content:counter(axc,decimal-leading-zero);display:block;margin-bottom:12px;font-family:var(--s);font-weight:500;font-size:14px;letter-spacing:.2em;color:var(--fxgt)}
.fx-care .fx-care-n{margin-top:0;padding:16px clamp(18px,1.8vw,26px);border:1px solid var(--fxln);border-top:0;background:rgba(43,115,136,.06);max-width:none}
/* 07 when to go: ruled grid on the dark photo ground */
.fx-when .fx-when-g{gap:0;border:1px solid rgba(244,239,230,.24);background:rgba(10,15,23,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin-top:18px}
.fx-when .fx-when-g>div{padding:clamp(20px,2vw,28px) clamp(18px,1.8vw,26px);border-left:1px solid rgba(244,239,230,.24)}
.fx-when .fx-when-g>div:first-child{border-left:0}
.fx-when .fx-when-g>div b{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(244,239,230,.24)}
.fx-when .fx-when-n{margin-top:0;padding:16px clamp(18px,1.8vw,26px);border:1px solid rgba(244,239,230,.24);border-top:0;background:rgba(10,15,23,.5);max-width:none}
#season .fx-when-g{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.fx-care .fx-care-g>div:nth-child(3){border-left:0}.fx-care .fx-care-g>div:nth-child(n+3){border-top:1px solid var(--fxln)}}
@media(max-width:760px){#season .fx-when-g{grid-template-columns:1fr}.fx-when .fx-when-g>div{border-left:0}.fx-when .fx-when-g>div+div{border-top:1px solid rgba(244,239,230,.24)}}
@media(max-width:560px){.fx-care .fx-care-g>div{border-left:0}.fx-care .fx-care-g>div+div{border-top:1px solid var(--fxln)}}
/* 08 the soul of the journey: rhythm strip + four chapters */
.ax-rh{margin-top:clamp(30px,3.6vw,48px)}
.ax-rh-title{margin:0 0 14px;font-family:var(--s);font-weight:500;font-size:var(--fx-t5,14px);letter-spacing:.14em;text-transform:uppercase;color:var(--fxgt)}
.ax-rh-grid{display:flex;gap:10px}
.ax-rh-g{flex:var(--n) 1 0;min-width:0;display:flex;flex-direction:column}
.ax-rh-hs{display:flex;gap:10px;border-top:2px solid var(--fxgt)}
.ax-rh-h{display:flex;align-items:baseline;gap:10px;padding:10px 2px 12px;flex:1;min-width:0;font-family:var(--d);font-size:clamp(16px,1.35vw,18px);line-height:1.35;color:var(--ink);text-decoration:none}
.ax-rh-h span{font-family:var(--s);font-weight:500;font-size:14px;letter-spacing:.12em;color:var(--fxgt)}
.ax-rh-row{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:1px;background:var(--fxln);border:1px solid var(--fxln);flex:1}
.ax-rh-d{background:var(--fxcard);padding:14px 12px 16px;display:flex;flex-direction:column;gap:6px}
.ax-rh-d.stay{background:#E7F0F1}
.ax-rh-n{font-family:var(--s);font-size:14px;letter-spacing:.08em;color:var(--faint)}
.ax-rh-d b{font-family:var(--d);font-weight:500;font-size:clamp(16px,1.3vw,18px);line-height:1.35;color:var(--ink)}
.ax-rh-k:before{content:'\2192';font-style:normal;font-size:20px;line-height:1;color:var(--fxgt)}
.ax-rh-d.stay .ax-rh-k:before{content:'\25CF';font-size:14px;color:var(--fxgt)}
.ax-rh-d.home .ax-rh-k:before{content:'\2197'}
.ax-rh-t{font-family:var(--s);font-size:14px;line-height:1.5;color:var(--dim)}
.ax-mvs{margin-top:clamp(40px,5vw,72px)}
.ax-mv{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:clamp(28px,4.4vw,64px);align-items:center}
.ax-mv+.ax-mv{margin-top:clamp(44px,5.4vw,80px);padding-top:clamp(44px,5.4vw,80px);border-top:1px solid var(--fxln)}
.ax-mv.rev{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.ax-mv.rev .ax-mv-m{order:2}
.ax-mv-m{margin:0;overflow:hidden;background:#E4DCCE}
.ax-mv-m img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.ax-mv-top{display:flex;align-items:center;gap:16px}
.ax-mv-n{font-family:var(--d);font-weight:400;font-size:clamp(46px,5vw,72px);line-height:1;color:var(--fxgt)}
.ax-mv-l{font-family:var(--s);font-weight:500;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);line-height:1.6}
.ax-mv-q{margin:clamp(16px,2vw,24px) 0 0;font-family:var(--d);font-weight:400;font-size:clamp(28px,3vw,42px);line-height:1.2;color:var(--ink)}
.ax-mv-h{margin:14px 0 0;font-family:var(--s);font-weight:500;font-size:clamp(16px,1.3vw,18px);letter-spacing:.06em;text-transform:uppercase;color:var(--blue-txt)}
.ax-mv-p{margin:14px 0 0;font-size:var(--fx-t4,16.5px);line-height:1.9;color:var(--tx)}
.ax-mv-x{margin:clamp(18px,2vw,26px) 0 0;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--fxln)}
.ax-mv-x>div{padding:14px 16px;background:var(--fxcard)}
.ax-mv-x>div.get{border-left:1px solid var(--fxln);background:#E7F0F1}
.ax-mv-x dt{font-family:var(--s);font-weight:500;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.ax-mv-x .get dt{color:var(--fxgt)}
.ax-mv-x dd{margin:6px 0 0;font-family:var(--d);font-size:clamp(16px,1.25vw,17.5px);line-height:1.5;color:var(--ink)}
html[lang="zh-Hans"] .ax-mv-q{font-weight:500;line-height:1.35}
html[lang="zh-Hans"] .ax-mv-h,html[lang="zh-Hans"] .ax-mv-l{letter-spacing:.04em}
html[lang="zh-Hans"] .ax-mv-p{line-height:2.0}
@media(min-width:1001px){.ax-rh-hs{min-height:78px}}@media(max-width:1000px){.ax-rh-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 10px}}
@media(max-width:900px){.ax-mv,.ax-mv.rev{grid-template-columns:1fr}.ax-mv.rev .ax-mv-m{order:0}}
@media(max-width:560px){.ax-rh-grid{grid-template-columns:1fr}.ax-mv-x{grid-template-columns:1fr}.ax-mv-x>div.get{border-left:0;border-top:1px solid var(--fxln)}}
@media print{.ax-stay,.ax-mv,.ax-rh{break-inside:avoid}.ax-mv,.ax-mv.rev{grid-template-columns:40% 1fr!important}.ax-mv.rev .ax-mv-m{order:0!important}.ax-mv-q{font-size:24px!important}.ax-stay-h,.ax-stay-p,.ax-stay .fx-liv-nm,.ax-stay .fx-liv-me,.ax-stay .fx-liv-eb{color:#000!important}
 .fx-when .fx-when-g,.fx-when .fx-when-n{background:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* ── THE OPEN ROAD page-level layout (2026-10-01) ── */
.fx-mapsvg svg.ax-map-d{aspect-ratio:3/2}
.nz-inset-l{display:none}
@media(max-width:760px){#route .fx-mapsvg{max-height:none;overflow:visible}.fx-mapsvg svg.nz-inset-m{margin-top:14px;border-top:1px solid rgba(244,239,230,.18)}.nz-inset-l{display:block;margin:8px 14px 12px;font-family:var(--s);font-size:14px;color:rgba(244,239,230,.7)}}
.nz-rh-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:22px 10px}
.nz-rh-grid .ax-rh-g{grid-column:span var(--n)}
.nz-rh-grid .ax-rh-h{display:block}
.ax-rh-d.fly .ax-rh-k:before{content:'\2197'}
#weather .fx-when-g{grid-template-columns:repeat(2,minmax(0,1fr))}
#weather .nz-season .fx-when-g{grid-template-columns:repeat(3,minmax(0,1fr))}
#stays .nz-cfg{margin-top:clamp(30px,3.6vw,48px)}
#stays .nz-cfg .fx-when-g{grid-template-columns:repeat(3,minmax(0,1fr))}
#stays .nz-cfg h3{color:rgba(244,239,230,.86)}
#stays .nz-cfg .fx-when-g>div b{color:#fff}
#stays .nz-cfg .fx-when-g>div p,#stays .nz-cfg .fx-when-n{color:rgba(244,239,230,.86)}
#weather .fx-when+.fx-when{margin-top:clamp(28px,3.4vw,44px)}
.fx-calc-opts{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.fx-calc-opts button{white-space:nowrap}
@media(max-width:600px){.fx-calc-opts{grid-template-columns:1fr!important}.fx-calc-opts button+button{border-left:0}}
@media(min-width:760px){#weather .fx-nights{grid-template-columns:repeat(5,1fr)}}
@media(max-width:759px){#weather .fx-nights>:last-child:nth-child(odd){grid-column:1/-1}}
@media(max-width:1000px){.nz-rh-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.nz-rh-grid .ax-rh-g{grid-column:span min(var(--n),4)}}
@media(max-width:760px){#weather .fx-when-g,#weather .nz-season .fx-when-g,#stays .nz-cfg .fx-when-g{grid-template-columns:1fr}}
@media(max-width:560px){.nz-rh-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nz-rh-grid .ax-rh-g{grid-column:1/-1}}

/* ═══ ZeL Editorial Visual Direction · THE OPEN ROAD (2026-10-02) ═══
   Paper = space · Warm Ink = information · Photography = destination
   ZeL Blue #539EBB = what matters (CTAs, links, arrows, icons, markers, selected states)
   Gold = fine rules and chapter marks only · Deep Navy = depth and the closing moments.
   #539EBB on Paper is ~2.8:1, so on Paper it marks things; the words stay Ink. */
:root{--zb:#539EBB;--zgold:#B39A6B;--znavy:#0E2742;--zpaper:#F7F6F3;--zpanel:#EFEDE7;
  --zink:#242522;--zink2:#45443F;--zmuted:#5F605B;--zline:#DEDBD3;
  --cream:#F7F6F3;--fxg:#539EBB;--fxgt:#45443F;--blue-txt:#45443F;--fxdk:#0E2742;--fxcard:#FBFAF7}
body{background:var(--zpaper)}
:is(#glance,#route,#journey,#stays,#curator,#design,#questions){--ink:var(--zink);--tx:var(--zink2);--dim:var(--zink2);--faint:var(--zmuted);--fxln:var(--zline)}

/* chapter numbers: a fine gold rule everywhere */
:is(#glance,#why,#route,#journey,#stays,#curator,#weather,#design,#investment,#questions,#begin) .fx-h-n:after{background:var(--zgold);opacity:1}

/* the day-by-day and the stays move onto Paper (navy kept for the map, investment and the close) */
#route,#stays{background:var(--zpaper);color:var(--zink2);
  --fxdk-tx:var(--zink2);--fxdk-dim:var(--zmuted);--fxdk-ln:var(--zline)}
#route .fx-h,#stays .fx-h{border-bottom-color:var(--zline)}
#route .fx-h h2,#stays .fx-h h2,#route h3,#stays h3{color:var(--zink)}
#route .fx-h-n,#stays .fx-h-n,#route .fx-h-l,#stays .fx-h-l{color:var(--zmuted);border-left-color:var(--zline)}
#route .fx-h-r,#stays .fx-h-r{color:var(--zink2)}
#route p,#stays p{color:var(--zink2)}
/* map stays a dark plate, Deep Navy */
#route .fx-mapband{background:var(--znavy);border-color:var(--znavy)}
#route .fx-mapband p,#route .fx-mapband .nz-inset-l{color:rgba(244,239,230,.86)}
/* days */
#route .fx-dayc + .fx-dayc{border-top-color:var(--zline)}
#route .fx-dayc-h b{color:var(--zink)}
#route .fx-dayc-h span{color:var(--zmuted)}
#route .fx-dayc h3{color:var(--zink)}
#route .fx-dayc-p,#route .fx-dayc ul li{color:var(--zink2)}
#route .fx-dayc ul li:before{background:var(--zb);height:2px}
#route .fx-dayc-f{background:var(--zpanel);border-color:var(--zline)}
#route .fx-dayc-st{border-top-color:var(--zline)}
#route .fx-dayc-st i{color:var(--zmuted)}
#route .fx-dayc-st b{color:var(--zink)}
#route .fx-dayc-note{background:var(--zpanel);border-left:2px solid var(--zb);color:var(--zink2)}
#route .fx-dayc-note b{color:var(--zink)}
/* stays */
#stays .ax-stay{background:none;border-color:var(--zline)}
#stays .ax-stay-m,#stays .fx-liv-m,#stays .fx-liv-m img{background:var(--zpanel)}
#stays .ax-stay-h{color:var(--zink)}
#stays .ax-stay-p{color:var(--zink2)}
#stays .fx-liv-eb{color:var(--zmuted)}
#stays .fx-liv-eb:after{background:var(--zgold)}
#stays .fx-liv-nm{color:var(--zink)}
#stays .fx-liv-me,#stays .fx-stay-foot,#stays .fx-stay-note2{color:var(--zmuted)}
#stays .fx-stay-foot b{color:var(--zink)}
#stays .nz-cfg h3{color:var(--zmuted)}
#stays .nz-cfg .fx-when-g{background:none;border-color:var(--zline)}
#stays .nz-cfg .fx-when-g>div{border-color:var(--zline)}
#stays .nz-cfg .fx-when-g>div b{color:var(--zink)}
#stays .nz-cfg .fx-when-g>div p,#stays .nz-cfg .fx-when-n{color:var(--zink2);background:none;border-color:var(--zline)}

/* labels on Paper are information: Ink, not blue */
:is(#glance,#route,#journey,#stays,#curator,#design,#questions) .fx-lnk{color:var(--zink);border-bottom:2px solid var(--zb);padding-bottom:4px}
:is(#glance,#route,#journey,#stays,#curator,#design,#questions) .fx-lnk i,:is(#glance,#route,#journey,#stays,#curator,#design,#questions) .fx-fact svg{color:var(--zb);stroke:var(--zb)}
.ax-rh-k:before,.ax-rh-d.stay .ax-rh-k:before{color:var(--zb)}
.ax-rh-d.stay,.ax-mv-x>div.get{background:var(--zpanel)}
.ax-rh-hs{border-top:1px solid var(--zgold)}
.fx-care .fx-care-n{background:var(--zpanel)}
/* "What you get" reads as a ZeL Highlight: Ink label behind a short blue bar */
.ax-mv-x .get dt{color:var(--zink);display:flex;align-items:center;gap:10px}
.ax-mv-x .get dt:before{content:"";flex:0 0 18px;height:2px;background:var(--zb)}
.fx-dot{box-shadow:none}
.fx-trail{stroke:var(--zb)}.fx-veh-h{fill:var(--zb)}

/* CTAs: ZeL Blue, flat; the words stay dark */
.fx-btn.gold,.btn.pri{background:var(--zb);border-color:var(--zb);color:var(--znavy)}
.fx-btn.gold:hover,.btn.pri:hover{background:#fff;border-color:#fff;color:var(--znavy)}
:is(#glance,#route,#journey,#stays,#curator,#design,#questions) .fx-btn.gold:hover{background:var(--znavy);border-color:var(--znavy);color:#fff}
.fx-calc-opts button[aria-pressed="true"],.fx-calc-opts button[aria-pressed="true"] .n{color:var(--znavy)}
.fx-chc-go:hover{color:var(--znavy)}
.fx-bar{background:rgba(14,39,66,.97)}
.fx-drawer{background:rgba(14,39,66,.98)}
footer{background:var(--znavy)}
/* map: one Deep Navy plate */
.fx-sea{fill:var(--znavy)}
#glance .fx-stop:before{background:var(--zb)}
#glance .fx-stop.is-day:before{background:var(--zgold)}
/* wordmark: "ZeL" in ZeL Blue, CuraTours in the surrounding colour (over the hero photograph the mark stays white to read) */
.fx-nav.solid .fx-mark b,.fx-begin-mk{color:var(--zb)}
.fx-begin-mk i{color:#fff}
.fx-nav.solid .fx-mark b i{color:var(--zink)}
footer .f-brand b .zl{font-style:normal;display:inline;color:var(--zb)}
footer .f-brand span{color:var(--zb)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--zb);outline-offset:3px}
@media print{#route,#stays{background:none}}

/* ── ONCE IN A LIFETIME: investment on Paper, as on THE FIRST ARCTIC (2026-10-06) ── */
#investment{background:#F3F1EC}
#investment,#investment p,#investment li,#investment td,#investment th,#investment .fx-tbl-l,#investment .fx-calc-lbl,
#investment .fx-calc-sic,#investment .fx-inv-fine,#investment .fx-two p,#investment .fx-inv-note p,#investment .fx-inv-cta p{color:#3A3A3A!important}
#investment .fx-calc-p{color:#232019!important}
#investment .fx-calc-s,#investment .fx-two h3,#investment .fx-lists h3,#investment .fx-inv-note b,#investment caption{color:#3A3A3A!important}
#investment .fx-calc-opts{border-color:#D9D4CA!important;background:transparent!important}
#investment .fx-calc-opts button{color:#3A3A3A!important;background:transparent!important;border-color:#D9D4CA!important}
#investment .fx-calc-opts button[aria-pressed=true]{background:#4BA8D1!important;color:#fff!important}
#investment .fx-calc-opts button .n{color:#232019!important}#investment .fx-calc-opts button[aria-pressed=true] .n{color:#fff!important}
#investment .fx-two,#investment .fx-inv-note>div,#investment .fx-tbl td,#investment .fx-tbl th{border-color:#D9D4CA!important}
#investment .fx-two{background:transparent!important}
#investment .fx-btn.ghost{color:#3A3A3A!important;border-color:#3A3A3A!important}
.tbc{background:#FFF3C4;color:#7A5B00;padding:0 .35em;font-weight:500}
/* ── PONANT: the ship and the expedition (2026-10-06) ── */
#expedition{background:#F3F1EC}
.oo-ship{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;margin-top:clamp(28px,3vw,44px)}
.oo-ship figure{margin:0}.oo-ship img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.oo-ship p{margin:0 0 16px;font-size:var(--fx-t4);line-height:1.8;color:#3A3A3A}.oo-ship p:last-child{margin-bottom:0}
.oo-figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);margin-top:clamp(32px,3.6vw,48px);padding-top:clamp(20px,2.4vw,28px);border-top:1px solid #D9D4CA}
.oo-figs b{display:block;font-family:var(--d);font-weight:400;font-size:clamp(30px,2.8vw,40px);line-height:1.1;color:#4BA8D1}
.oo-figs span{display:block;margin-top:8px;font-size:16px;line-height:1.5;color:#55524C}
.oo-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);margin-top:clamp(32px,3.6vw,48px)}
.oo-gal figure{margin:0}.oo-gal img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
#ponant .oo-gal figure:nth-child(2) img{object-position:50% 92%}   /* dining room: the laid table sits at the foot of the portrait photo */
.oo-gal figcaption{margin-top:8px;font-size:16px;line-height:1.5;color:#55524C}
.oo-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.4vw,36px);margin-top:clamp(28px,3vw,44px)}
.oo-steps>div{border-top:2px solid #4BA8D1;padding-top:18px}
.oo-steps .n{font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:#2F7FA3}
.oo-steps h3{margin:10px 0 0;font-family:var(--d);font-weight:400;font-size:var(--fx-t3);line-height:1.3;color:#3A3A3A}
.oo-steps p{margin:10px 0 0;font-size:var(--fx-t4);line-height:1.75;color:#3A3A3A}
.oo-note{margin:clamp(24px,2.6vw,32px) 0 0;font-size:16px;line-height:1.7;color:#55524C;max-width:60em}
@media(max-width:900px){.oo-ship{grid-template-columns:1fr}.oo-figs{grid-template-columns:repeat(2,minmax(0,1fr))}.oo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.oo-gal,.oo-steps{grid-template-columns:1fr}}
@media print{.oo-ship,.oo-steps,.oo-gal,.oo-way{break-inside:avoid}}
.oo-fit{margin-top:clamp(32px,3.6vw,48px);padding:clamp(20px,2.4vw,28px) clamp(20px,2.6vw,32px);background:#EEF5F8;border-left:4px solid #4BA8D1}
.oo-fit h3,.oo-cmp>h3{margin:0;font-family:var(--d);font-weight:400;font-size:var(--fx-t3);line-height:1.3;color:#3A3A3A}
.oo-fit p{margin:10px 0 0;font-size:var(--fx-t4);line-height:1.8;color:#3A3A3A;max-width:46em}
.oo-cmp{margin-top:clamp(32px,3.6vw,48px)}
.oo-cmp-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);margin-top:18px}
.oo-cmp-g>div{border-top:2px solid #4BA8D1;padding-top:16px}
.oo-cmp h4{margin:0;font-size:16px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:1.5;color:#2F7FA3}
.oo-cmp ul{margin:12px 0 0;padding:0;list-style:none}
.oo-cmp li{position:relative;padding:0 0 10px 22px;font-size:var(--fx-t4);line-height:1.7;color:#3A3A3A}
.oo-cmp li::before{content:"";position:absolute;left:0;top:.8em;width:10px;height:2px;background:#4BA8D1}
@media(max-width:760px){.oo-cmp-g{grid-template-columns:1fr}}
@media print{.oo-fit,.oo-cmp{break-inside:avoid}}
/* ── 2026-10-06 nine pass: hero + tighter days ── */
.fx-cover .pg-hero-bg img{object-position:78% 50%}
@media(min-width:1000px){.fx-cover .pg-hero-bg img{object-position:100% 50%}}
.oo-hdep{margin:20px 0 0;font:400 16px/1.6 Jost,system-ui,sans-serif;color:rgba(244,239,230,.88)}
.oo-hdep b{display:block;font-weight:500;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#BFE3F2}
.oo-hdep>span{display:block;margin-top:2px}
.oo-hdep .nw{font-style:normal;white-space:nowrap}
html[lang="zh-Hans"] .oo-hdep b{letter-spacing:.08em;font-size:16px}
@media(min-width:1000px){
  .fx-cover{place-items:center start}
  .fx-cover .pg-hero-sc{background:linear-gradient(90deg,rgba(8,14,26,.82) 0%,rgba(8,14,26,.68) 38%,rgba(8,14,26,.28) 58%,rgba(8,14,26,0) 76%),linear-gradient(180deg,rgba(8,12,22,.35) 0%,rgba(8,12,22,0) 30%,rgba(8,12,22,0) 70%,rgba(8,12,22,.45) 100%)!important}
  .fx-cover .pg-hero-in{text-align:left;padding-left:max(var(--pad,24px),calc((100vw - 1240px)/2))}
  .fx-cover .pg-hero-in .inner{margin:0;width:min(100%,720px)}
  .fx-cover h1{line-height:1.1;white-space:nowrap} /* v1: font-size removed — this rule sits in @media(min-width:1000px) where zel-unify owns h1 (54px) */
  .fx-cover .oo-hstats{margin-left:0;margin-right:0;max-width:680px}
  .fx-cover .oo-hstats>div{text-align:left;padding-left:0}
  .fx-cover .oo-hstats>div+div{padding-left:18px}
  .fx-cover .oo-hstats b{white-space:nowrap;font-size:clamp(28px,2.3vw,34px)}
  .fx-cover .fx-cover-cta{justify-content:flex-start}
}
@media(max-width:999px){
  .fx-cover .pg-hero-sc{background:linear-gradient(180deg,rgba(8,12,22,.55) 0%,rgba(8,12,22,.45) 45%,rgba(8,12,22,.78) 100%)!important}
}
#route .dd-l{display:none}
#route .dd-f{aspect-ratio:16/9}
/* map: bigger column, whole route visible; the stop list steps aside on desktop (stops are named again on the right) */
@media(min-width:901px){#route .rc{grid-template-columns:minmax(0,2fr) minmax(0,3fr)!important}
  #route .rc-leg,#route .rc-facts,#route .rcw>.fx-h .fx-h-b{display:none}}
@media(max-width:900px){#route .rc-map .fx-oc{display:none}}
#route .dd-s{display:flex;align-items:baseline}#route .dd-s span{flex:none}
/* no one- or two-character last lines */
main p,main li,main dd,main blockquote,.dbd p,.dbd li,.dbd blockquote,section p,section li,section dd,section blockquote{text-wrap:pretty}

/* ── 2026-10-06 premium pass ── */
.fx-cover .pg-hero-s{font-size:clamp(20px,1.9vw,26px)!important;line-height:1.6!important}
.oo-hstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(26px,3vw,40px) auto 0;max-width:820px;border-top:1px solid rgba(244,239,230,.45);border-bottom:1px solid rgba(244,239,230,.45)}
.oo-hstats>div{padding:16px 10px 18px;text-align:center}
.oo-hstats>div+div{border-left:1px solid rgba(244,239,230,.3)}
.oo-hstats b{display:block;font:400 clamp(26px,2.6vw,36px)/1.15 Lora,Georgia,serif;color:#fff;letter-spacing:.01em}
.oo-hstats span{display:block;margin-top:6px;font:400 15px/1.45 Jost,system-ui,sans-serif;letter-spacing:.06em;color:rgba(244,239,230,.9)}
html[lang="zh-Hans"] .oo-hstats b{font-family:"Noto Serif SC",Lora,serif}
.oo-dk .oo-fit{margin:0;padding:0;background:none;border:0}
.oo-dk{background:#0E2742;color:#F4EFE6;padding:clamp(64px,8vw,120px) 0}
.oo-k{display:block;font:500 15px/1 Jost,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#7FC6E4}
.oo-fit h2{margin:16px 0 0;font-weight:600;font-style:normal;line-height:1.25;font-family:Lora,Georgia,serif;color:#fff} /* v1: size moved to the phone block; component-level heading per 12-#3, size to be set in R3 */
html[lang="zh-Hans"] .oo-fit h2{font-family:"Noto Serif SC",Lora,serif;font-weight:700;letter-spacing:.04em}
.oo-fit p{margin:18px 0 0;font-size:clamp(18px,1.4vw,21px);line-height:1.85;color:rgba(244,239,230,.9);max-width:44em}
.oo-cmp{margin-top:clamp(56px,6vw,88px)}
.oo-cmp>h3{margin:0;font:400 clamp(26px,2.4vw,34px)/1.3 Lora,Georgia,serif;color:#fff}
html[lang="zh-Hans"] .oo-cmp>h3{font-family:"Noto Serif SC",Lora,serif}
.oo-cmp-r{margin:12px 0 0;font-size:var(--fx-t4);line-height:1.8;color:rgba(244,239,230,.82);max-width:48em}
.oo-big{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);margin-top:clamp(28px,3vw,40px)}
.oo-big>div{border-top:3px solid #4BA8D1;padding-top:18px}
.oo-big b{display:block;font:400 clamp(44px,5vw,72px)/1 Lora,Georgia,serif;color:#fff}
html[lang="zh-Hans"] .oo-big b{font-family:"Noto Serif SC",Lora,serif}
.oo-big span{display:block;margin-top:12px;font-size:var(--fx-t4);line-height:1.6;color:rgba(244,239,230,.86)}
@media(max-width:760px){.oo-big{grid-template-columns:1fr}.oo-big b{font-size:48px}}
.oo-tbl{margin-top:clamp(28px,3vw,40px);border-top:1px solid rgba(244,239,230,.25)}
.oo-tr{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.35fr);border-bottom:1px solid rgba(244,239,230,.16)}
.oo-tr>div{padding:18px 18px 18px 0;font-size:var(--fx-t4);line-height:1.65;color:rgba(244,239,230,.72)}
.oo-tr>.oo-rl{font:500 16px/1.6 Jost,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#7FC6E4}
.oo-tr>.me{padding-left:22px;background:rgba(75,168,209,.14);color:#fff;font-weight:500;border-left:3px solid #4BA8D1}
.oo-th>div{padding-top:20px;padding-bottom:16px;font:500 15px/1.4 Jost,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:rgba(244,239,230,.66)}
.oo-th>.me{color:#fff;background:#4BA8D1;font-size:16px}
.oo-cmp-n{margin:18px 0 0;font-size:16px;line-height:1.7;color:rgba(244,239,230,.62)}
@media(max-width:760px){
  .oo-hstats{grid-template-columns:1fr}.oo-hstats>div+div{border-left:0;border-top:1px solid rgba(244,239,230,.3)}
  .oo-hstats>div{padding:12px 6px}
  .oo-th{display:none}
  .oo-tr{grid-template-columns:1fr;padding:18px 0}
  .oo-tr>div{padding:4px 0}
  .oo-tr>div[data-l]:before{content:attr(data-l);display:block;font-size:15px;letter-spacing:.06em;color:rgba(244,239,230,.55)}
  .oo-tr>.me{margin-top:8px;padding:12px 14px}
  .oo-tr>.me:before{color:#7FC6E4!important}
}
.oo-band{position:relative;min-height:clamp(420px,62vh,680px);display:flex;align-items:flex-end;overflow:hidden;background:#0E2742}
.oo-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.oo-band:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,39,66,0) 18%,rgba(14,39,66,.55) 52%,rgba(14,39,66,.9) 100%)}
.oo-band-in{position:relative;z-index:1;width:100%;max-width:var(--fxw,1200px);margin:0 auto;padding:0 var(--pad,24px) clamp(40px,6vw,80px)}
.oo-band-l{margin:0;font:400 clamp(30px,3.6vw,54px)/1.3 Lora,Georgia,serif;color:#fff;max-width:20em}
html[lang="zh-Hans"] .oo-band-l{font-family:"Noto Serif SC",Lora,serif;letter-spacing:.04em}
.oo-band-s{margin:14px 0 0;font:400 clamp(17px,1.3vw,20px)/1.7 Jost,system-ui,sans-serif;color:rgba(244,239,230,.9);max-width:40em}
#investment .fx-calc-opts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media(max-width:600px){#investment .fx-calc-opts{grid-template-columns:1fr!important}#investment .fx-calc-opts button:last-child:nth-child(odd){grid-column:auto}.fx-cover .pg-hero-s{font-size:19px!important}}
.oo-prices{margin-top:26px;border-top:1px solid #D9D4CA}
.oo-pr{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.3fr);gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid #D9D4CA}
.oo-pr span{font-size:var(--fx-t4);color:#3A3A3A}
.oo-pr b{font:400 clamp(22px,2vw,28px)/1.2 Lora,Georgia,serif;color:#232019}
.oo-pr em{font-style:normal;font-size:16px;line-height:1.6;color:#55524C}
.oo-pr.hi b{color:#2F7FA3}
.fx-calc-sic{max-width:none!important}
.oo-pnote{margin:16px 0 26px;font-size:16px;line-height:1.75;color:#55524C}
@media(max-width:760px){.oo-pr{grid-template-columns:1fr;gap:4px}}
@media print{.oo-dk,.oo-band{background:#fff!important;color:#232019!important}.oo-band img{display:none}.oo-band:after{display:none}
  .oo-dk *,.oo-band-in *{color:#232019!important}.oo-tr>.me{background:none!important}.oo-band{min-height:0}.oo-tr{break-inside:avoid}}

.oo-ways{margin-top:clamp(36px,4vw,56px)}
.oo-ways>h3{margin:0;font-family:var(--d);font-weight:400;font-size:var(--fx-t3);color:#3A3A3A}
.oo-ways-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);margin-top:18px}
.oo-way{border:1px solid #D9D4CA;border-top:3px solid #4BA8D1;padding:clamp(20px,2.2vw,28px);background:#FAF9F6}
.oo-way h4{margin:0;font-family:var(--d);font-weight:400;font-size:clamp(22px,1.9vw,26px);color:#3A3A3A}
.oo-way .w{margin:6px 0 0;font-size:16px;letter-spacing:.08em;text-transform:uppercase;color:#2F7FA3}
.oo-way dl{margin:16px 0 0}
.oo-way dl>div{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid #E4DED3}
.oo-way dt{font-size:16px;color:#55524C}
.oo-way dd{margin:0;font-size:var(--fx-t4);line-height:1.6;color:#3A3A3A}
@media(max-width:760px){.oo-ways-g{grid-template-columns:1fr}.oo-way dl>div{grid-template-columns:1fr;gap:2px}}

/* ── 2026-10-07 flagship pass ── */
.oo-open{background:#FAF9F6;padding:clamp(88px,11vw,168px) 0 clamp(72px,9vw,136px)}
.oo-open-in{max-width:880px;margin:0 auto;text-align:center}
.oo-open-k{display:inline-block;font:500 15px/1 Jost,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#2F7FA3}
.oo-open-k:after{content:"";display:block;width:56px;height:1px;margin:22px auto 0;background:#B89B5E}
.oo-open-l{margin:30px 0 0;font:400 clamp(27px,2.9vw,42px)/1.45 Lora,Georgia,serif;color:#1F1D18;letter-spacing:-.005em;text-wrap:balance}
.oo-open-p{margin:28px auto 0;max-width:38em;font:400 clamp(17px,1.35vw,20px)/1.85 Jost,system-ui,sans-serif;color:#55524C;text-wrap:pretty}
html[lang="zh-Hans"] .oo-open-l{font-family:"Noto Serif SC",Lora,serif;font-weight:400;line-height:1.7;letter-spacing:.02em}
html[lang="zh-Hans"] .oo-open-k{letter-spacing:.14em}
#glance .fx-glance-r{justify-content:flex-end}
/* price: one panel, two figures */
.oo-pc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:6px;border:1px solid #D9D4CA;background:#FAF9F6}
.oo-pc-c{padding:clamp(24px,3vw,40px) clamp(22px,2.8vw,36px)}
.oo-pc-c+.oo-pc-c{border-left:1px solid #D9D4CA}
.oo-pc-c.hi{border-top:3px solid #4BA8D1;margin-top:-1px}
.oo-pc-c .k{display:block;font:500 15px/1.4 Jost,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#2F7FA3}
.oo-pc-c b{display:block;margin-top:14px;font:400 clamp(38px,4vw,56px)/1.05 Lora,Georgia,serif;color:#1F1D18;letter-spacing:-.01em;white-space:nowrap}
.oo-pc-c em{display:block;margin-top:14px;font-style:normal;font-size:16px;line-height:1.65;color:#55524C}
html[lang="zh-Hans"] .oo-pc-c b{font-family:"Noto Serif SC",Lora,serif}
html[lang="zh-Hans"] .oo-pc-c .k{letter-spacing:.08em}
#investment .fx-inv-l{font-family:Lora,Georgia,serif}
@media(max-width:760px){.oo-pc{grid-template-columns:1fr}.oo-pc-c+.oo-pc-c{border-left:0;border-top:1px solid #D9D4CA}.oo-pc-c b{font-size:40px}}
/* not included: the cross was cream on cream */
#investment .fx-lists .no li i{color:#9A9488!important}
/* the PONANT hotel has no photograph: a quiet text card, on purpose */
#stays .ax-stay:not(:has(.ax-stay-m)){background:#0E2742!important;border-color:#0E2742!important;display:flex;flex-direction:column;justify-content:flex-end}
#stays .ax-stay:not(:has(.ax-stay-m)) .ax-stay-t{padding:clamp(32px,4vw,56px) clamp(24px,3vw,40px)}
#stays .ax-stay:not(:has(.ax-stay-m)) *{color:rgba(244,239,230,.9)!important}
#stays .ax-stay:not(:has(.ax-stay-m)) .ax-stay-h{color:#fff!important;font-size:clamp(26px,2.4vw,34px)!important}
#stays .ax-stay:not(:has(.ax-stay-m)) .fx-liv-eb{color:#7FC6E4!important}
#stays .ax-stay:not(:has(.ax-stay-m)) .fx-liv-eb:after{background:#B89B5E!important}
/* expedition: two notes, side by side */
#expedition .oo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){#expedition .oo-steps{grid-template-columns:1fr}}
@media print{.oo-open{padding:24px 0}.oo-pc{break-inside:avoid}}
/* season: a single card fills its frame instead of leaving half of it empty */
#weather .fx-when-g>div:only-child{grid-column:1/-1}
#weather .fx-when-n:empty{display:none!important}
/* cover figures: each column as wide as its own figure, never sharing a fixed third (ZH 10-07 overlap) */
@media(min-width:1000px){.fx-cover .oo-hstats{grid-template-columns:repeat(3,max-content)!important;max-width:none!important;width:max-content}
  .fx-cover .oo-hstats>div{padding-right:clamp(28px,2.6vw,44px)!important}
  .fx-cover .oo-hstats>div+div{padding-left:clamp(28px,2.6vw,44px)!important}}
/* cover: a deeper scrim on the left, so the figures never sit on the bright hull */
@media(min-width:1000px){.fx-cover .pg-hero-sc{background:linear-gradient(90deg,rgba(8,14,26,.86) 0%,rgba(8,14,26,.74) 40%,rgba(8,14,26,.42) 60%,rgba(8,14,26,0) 82%),linear-gradient(180deg,rgba(8,12,22,.35) 0%,rgba(8,12,22,0) 30%,rgba(8,12,22,0) 70%,rgba(8,12,22,.45) 100%)!important}}
/* day-by-day: no hole between the last day and the next section */
#route .rri>.rs:last-child{padding-bottom:0!important;margin-bottom:0!important}
#route .rsp{height:min(12vh,110px)!important;min-height:0!important}
/* long day titles break into two even lines, never one orphan word */
#route h3,#route .rs h2,#route .dd h3{text-wrap:balance}
/* Chinese page: no capitals forced onto English words inside Chinese labels */
@media(max-width:999px){.fx-cover .pg-hero-sc{background:linear-gradient(180deg,rgba(8,12,22,.6) 0%,rgba(8,12,22,.58) 45%,rgba(8,12,22,.82) 100%)!important}}
/* 「为什么是 PONANT」 (2026-10-08) */
.oo-intro p{margin:0 0 14px;font-size:var(--fx-t4);line-height:1.85;color:#3A3A3A}.oo-intro p:last-child{margin-bottom:0}
#ponant .oo-em{margin:18px 0;font:400 clamp(20px,1.6vw,23px)/1.6 Lora,Georgia,serif;color:#232019}
html[lang="zh-Hans"] #ponant .oo-em,html[lang="zh-Hans"] .oo-pt-h h3{font-family:"Noto Serif SC",Lora,serif}
.oo-pts{margin-top:clamp(44px,4.8vw,72px);border-top:1px solid #D9D4CA}
.oo-pt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:clamp(24px,4vw,64px);padding:clamp(30px,3.4vw,48px) 0;border-bottom:1px solid #D9D4CA}
.oo-pt-h span{display:block;font:400 clamp(26px,2.4vw,32px)/1 Lora,Georgia,serif;color:#4BA8D1}
.oo-pt-h h3{margin:14px 0 0;font:400 clamp(21px,1.7vw,24px)/1.45 Lora,Georgia,serif;color:#232019;max-width:16em}
.oo-pt-b{max-width:40em}
.oo-pt-b p{margin:0 0 14px;font-size:var(--fx-t4);line-height:1.85;color:#3A3A3A}.oo-pt-b>:last-child{margin-bottom:0}
.oo-q{list-style:none;margin:4px 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}
.oo-q li{position:relative;padding-left:24px;font:400 clamp(18px,1.4vw,20px)/1.55 Lora,Georgia,serif;color:#232019}
html[lang="zh-Hans"] .oo-q li{font-family:"Noto Serif SC",Lora,serif}
.oo-q li:before{content:"";position:absolute;left:0;top:.78em;width:12px;height:2px;background:#4BA8D1}
.oo-tags{padding:14px 0;border-top:1px solid #D9D4CA;border-bottom:1px solid #D9D4CA;color:#2F7FA3!important;letter-spacing:.04em;line-height:1.9!important}
.oo-close{margin-top:clamp(36px,4vw,56px);border-top:1px solid #D9D4CA}
@media(max-width:900px){.oo-pt{grid-template-columns:1fr;gap:14px}}
@media(max-width:600px){.oo-q{grid-template-columns:1fr}}
@media(min-width:821px){html.zu #ponant .oo-intro p,html.zu #ponant .oo-pt-b p{font-size:calc(16px / var(--z))!important}
  html.zu #ponant .oo-pt-b p.oo-em,html.zu #ponant .oo-intro p.oo-em{font-size:calc(19.5px / var(--z))!important}
  html.zu #ponant .oo-pt-h h3{font-size:calc(19px / var(--z))!important}
  html.zu #ponant .oo-q li{font-size:calc(16.5px / var(--z))!important}}
@media print{.oo-pt{break-inside:avoid}}
/* ship gallery: two photographs */
#ponant .oo-gal{grid-template-columns:repeat(2,minmax(0,1fr))}
#ponant .oo-gal img{aspect-ratio:3/2}
@media(max-width:600px){#ponant .oo-gal{grid-template-columns:1fr}}
/* site size standard (zel-unify, --z:.8 on desktop): this page's own text classes, held to the same floor
   running text 18px -> 14.4px on screen; labels 17.5px -> 14px on screen (tools/unify README) */
@media(min-width:821px){
 html.zu .oo-cmp-r,html.zu .oo-big span,html.zu .oo-ship p,html.zu .oo-why-g p,html.zu .oo-for li,html.zu .oo-for p,html.zu .oo-steps p,
 html.zu .oo-way dd,html.zu .oo-tr>div,html.zu .oo-pc-c em,html.zu .oo-pnote,html.zu .oo-note,html.zu .oo-bk p,html.zu .oo-cmp-n,html.zu .oo-bk b,html.zu .oo-open-p,html.zu .oo-band-s{font-size:18px!important}
 html.zu .oo-hstats span,html.zu .oo-hdep>span,html.zu .oo-open-k,html.zu .oo-k,html.zu .oo-tr>.oo-rl,html.zu .oo-th>div,html.zu .oo-tr>.me,
 html.zu .oo-figs span,html.zu .oo-way .w,html.zu .oo-way dt,html.zu .oo-steps .n,html.zu .oo-pc-c .k,html.zu .oo-hdep b{font-size:17.5px!important}
}
@media(min-width:1000px){html.zu .fx-cover .pg-hero-s{margin-left:0!important;margin-right:0!important}}
/* the site-wide 14px floor sets these to body size; they are display lines on this page, so keep their own proportion (x0.8 like the rest) */
@media(min-width:821px){html.zu #top p.pg-hero-s{font-size:calc(20.8px / var(--z))!important}
  html.zu .oo-open-p{font-size:calc(17.4px / var(--z))!important}   /* opening detail +3px on screen (2026-10-08) */
  html.zu body.zds #glance .fx-facts .fx-fact b{font-size:calc(17.6px / var(--z))!important;font-weight:600!important}
  html.zu .fx-facts .fx-fact>svg{width:calc(30px / var(--z))!important;height:calc(30px / var(--z))!important}
  html.zu #curator .fx-care-g b{font-size:calc(17px / var(--z))!important}
  html.zu #curator .fx-care-g .ci{width:calc(52px / var(--z))!important;height:calc(52px / var(--z))!important}
  html.zu #curator .fx-care-g .ci svg{width:calc(27px / var(--z))!important;height:calc(27px / var(--z))!important}
  html.zu #investment .fx-inv-note .ni svg{width:calc(25px / var(--z))!important;height:calc(25px / var(--z))!important}
  html.zu #investment .fx-inv-note .ni{vertical-align:-6px!important;margin-right:12px!important}
  html.zu body.zds #route .dd-p{font-size:calc(16px / var(--z))!important}   /* day-by-day paragraph only: 14.4 -> 16px on screen (2026-10-07) */
  html.zu #investment .oo-way h4{font-size:calc(clamp(22px,1.9vw,26px) * .8 / var(--z))!important}}   /* left-aligned cover: subtitle flush with the title */
.oo-open-l .nw,.oo-open-p .nw{display:inline-block;white-space:nowrap}
.oo-open-p{line-height:2!important}
@media(max-width:600px){.oo-open-l{font-size:24px!important}html[lang="zh-Hans"] .oo-open-l{font-size:23px!important}}   /* ZH opening: break only between phrases */
/* why Le Lyrial */
.oo-why{margin-top:clamp(40px,4.4vw,64px)}
.oo-why h3,.oo-for h3{margin:0;font-family:var(--d);font-weight:400;font-size:var(--fx-t3);color:#232019}
.oo-why-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,36px);margin-top:20px}
.oo-why-g>div{border-top:2px solid #4BA8D1;padding-top:16px}
.oo-why-g b{display:block;font:400 clamp(21px,1.7vw,24px)/1.35 Lora,Georgia,serif;color:#232019}
.oo-why-g p{margin:10px 0 0;font-size:var(--fx-t4);line-height:1.75;color:#3A3A3A}
html[lang="zh-Hans"] .oo-why-g b{font-family:"Noto Serif SC",Lora,serif}
.oo-for{margin-top:clamp(32px,3.6vw,48px);padding:clamp(22px,2.6vw,32px) clamp(22px,2.8vw,36px);background:#EEF5F8;border-left:4px solid #4BA8D1}
.oo-for ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.oo-for li{position:relative;padding-left:26px;font-size:var(--fx-t4);line-height:1.7;color:#232019}
.oo-for li:before{content:"";position:absolute;left:0;top:.82em;width:12px;height:2px;background:#4BA8D1}
.oo-for p{margin:14px 0 0;font-size:var(--fx-t4);line-height:1.7;color:#55524C}
@media(max-width:900px){.oo-why-g{grid-template-columns:1fr}}
@media print{.oo-why,.oo-for{break-inside:avoid}}
/* how booking works */
.oo-bk{margin-top:clamp(40px,4.4vw,64px);padding-top:clamp(28px,3vw,40px);border-top:1px solid #D9D4CA}
.oo-bk h3{margin:0;font-family:var(--d);font-weight:400;font-size:var(--fx-t3);color:#232019}
.oo-bk ol{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.2vw,32px);counter-reset:bk}
.oo-bk li{counter-increment:bk;border-top:2px solid #4BA8D1;padding-top:16px}
.oo-bk li:before{content:"0" counter(bk);display:block;font:400 clamp(26px,2.4vw,32px)/1 Lora,Georgia,serif;color:#2F7FA3}
.oo-bk b{display:block;margin-top:12px;font:500 17px/1.45 Jost,system-ui,sans-serif;color:#232019}
.oo-bk p{margin:8px 0 0;font-size:16px;line-height:1.7;color:#55524C}
html[lang="zh-Hans"] .oo-bk b{font-family:"Noto Sans SC",Jost,sans-serif}
@media(max-width:900px){.oo-bk ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.oo-bk ol{grid-template-columns:1fr}}
@media print{.oo-bk{break-inside:avoid}}
/* phone cover: two buttons of the same width, stacked */
@media(max-width:600px){.fx-cover .fx-cover-cta{display:grid!important;grid-template-columns:1fr;gap:12px;width:100%;max-width:340px;margin-left:auto;margin-right:auto}
  .fx-cover .fx-cover-cta>a{width:100%;margin:0!important;text-align:center;justify-content:center}}
html[lang="zh-Hans"] .oo-th>div,html[lang="zh-Hans"] .oo-tr>.oo-rl,html[lang="zh-Hans"] .fx-liv-me{text-transform:none!important;letter-spacing:.04em!important}
#weather .fx-when-g>div:only-child p{max-width:44em}
@media(max-width:760px){.oo-pc-c b{white-space:normal;font-size:36px}.oo-pc{min-width:0}.oo-pc-c{min-width:0}}

/* --- zu-oo-320 3476b892 --- */
/* 2026-10-15: below 360 px the opening phrases (set not to wrap) were wider than the screen */@media(max-width:359px){#idea .nw{white-space:normal}}
/* --- zu-pp-priv 2c4dbb56 --- */
/* 2026-10-15 ZeL private product page system v1. Page-level; product-ed.css untouched. */@media(min-width:821px){html.zu :is(#top div>b+span,#top .oo-hdep>span,#idea .oo-open-k,#compare .oo-k,#compare .oo-tr>div,#expedition .n,#investment .oo-way p.w){font-size:calc(14.4px / var(--z))!important}}@media(max-width:900px){.dbd .rc-l{position:static!important;margin:0!important;padding:0 0 8px!important;border-bottom:0!important}.dbd .rc-day{display:none!important}.dbd .rc-map svg text{display:none}.dbd .rc-leg{display:block!important;margin-top:12px}.dbd .rc-leg li a{font-size:17px}.dbd .rc-now{display:block!important;position:sticky;top:72px;z-index:5;background:#FAF9F6;border-bottom:1px solid #D9D4CA;padding:10px 0;font:500 16px/1.3 Jost,system-ui,sans-serif;color:#3A3A3A}.dbd .rc-now:empty{display:none!important}.dbd .rc-now b{color:#26769C;font-weight:500;margin-right:8px}}
/* --- ji-2026-10-16 9f8d8046 --- */

/* Journey Information Icon System (2026-10-17, same template as THE TEA ROAD). One definition for every icon: outline,
   24-unit grid, 1.5 stroke, round joins, one colour. Train and plane are defined for later use. No fills, badges or emoji. */
:root{--ji-color:#2E7C93;--ji-size:24px;--ji-car:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 16.5v-4l1.6-.8 1.8-3.6c.3-.6.9-1 1.6-1h7c.7 0 1.3.4 1.6 1l1.8 3.6 1.6.8v4'/%3E%3Cpath d='M5.3 11.7h13.4'/%3E%3Ccircle cx='7.5' cy='16.5' r='1.7'/%3E%3Ccircle cx='16.5' cy='16.5' r='1.7'/%3E%3Cpath d='M9.2 16.5h5.6M3.5 16.5h2.3M18.2 16.5h2.3'/%3E%3C/svg%3E");--ji-bed:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6v13M3 15.5h18M21 19v-6c0-1.1-.9-2-2-2h-8v4.5'/%3E%3Ccircle cx='6.9' cy='12.4' r='1.7'/%3E%3C/svg%3E");--ji-train:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='3.5' width='12' height='13' rx='2.5'/%3E%3Cpath d='M6 10.5h12M9 20.5l1.5-4M15 20.5l-1.5-4'/%3E%3Ccircle cx='9.5' cy='13.5' r='.6'/%3E%3Ccircle cx='14.5' cy='13.5' r='.6'/%3E%3C/svg%3E");--ji-plane:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 13.5 4 11l1-1.5 7 .5 4.5-4.5c.8-.8 2-.8 2.5-.3s.5 1.7-.3 2.5L14.2 12l.5 7-1.5 1-2.5-6.5'/%3E%3C/svg%3E")}
/* tonight: the label word stays in the page for screen readers; on screen the bed icon replaces it */
.dbd .dd-s{display:grid;grid-template-columns:var(--ji-size) minmax(0,1fr);column-gap:12px;align-items:start}
.dbd .dd-s>span:first-child{position:relative;display:block;min-width:0;width:var(--ji-size);height:1lh;margin:0;overflow:visible;font:inherit;color:transparent!important;white-space:nowrap;text-indent:-200vw}
.dbd .dd-s>span:first-child::before{content:"";position:absolute;left:0;top:50%;width:var(--ji-size);height:var(--ji-size);margin-top:calc(var(--ji-size) / -2);background:var(--ji-color);-webkit-mask:var(--ji-bed) center/contain no-repeat;mask:var(--ji-bed) center/contain no-repeat}
/* hotel name first, place / room and "or similar" underneath, same size */
.dbd .dd-s .dd-h,.dbd .dd-s .dd-h span{display:block;min-width:0;margin:0;font:inherit;letter-spacing:0!important;text-transform:none!important}
.dbd .dd-s .dd-hn{font-weight:500;color:#3A3A3A}
.dbd .dd-s .dd-hl{color:#64615A;margin-top:2px}
/* the day's activities: one per line with a small neutral bullet (replaces the run-on list with gold dots) */
.dbd .dd-l{display:block}
.dbd .dd-l li{position:relative;margin:0;padding-left:20px;background:radial-gradient(circle,#8A867D 0 2.5px,transparent 3px) 0 calc(.5lh - 3px)/6px 6px no-repeat}
.dbd .dd-l li+li{margin-top:4px}
.dbd .dd-l li::after,.dbd .dd-l li:not(:last-child)::after{content:none!important;display:none!important}
/* desktop: map 40, itinerary 60 (was 1.15fr : 1fr, about 53 : 47) */
@media(min-width:901px){.dbd .rc{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}

/* v1 phone-only size for the component-level opener heading (rule was unconditional; at >=821px zel-unify wins anyway) */
@media(max-width:820px){.oo-fit h2{font-size:clamp(32px,3.6vw,52px)}}