/* Scoped to the Hong Kong guide; the shared site shell owns navigation/footer. */
.hk-weekend{--hk-ink:#102d43;--hk-muted:#526573;--hk-accent:#b7462f;--hk-line:#dce3e4;--hk-paper:#f7f8f5;background:#fff;color:var(--hk-ink);font:16px/1.65 Arial,Helvetica,sans-serif}
.hk-weekend,.hk-weekend *{box-sizing:border-box}
.hk-weekend [hidden]{display:none!important}
.hk-weekend .hk-wrap{width:calc(100% - 80px);max-width:1220px;margin-inline:auto;min-width:0}
main.site-magazine-page .hk-weekend :is(h1,h2,h3,h4){color:var(--hk-ink);text-transform:none;letter-spacing:-.025em;margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.22;font-weight:700}
main.site-magazine-page .hk-weekend h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(52px,5.5vw,82px);letter-spacing:-.055em;line-height:1.05}
main.site-magazine-page .hk-weekend h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(29px,3vw,40px);font-weight:400;letter-spacing:-.035em}
main.site-magazine-page .hk-weekend h3{font-size:21px}
main.site-magazine-page .hk-weekend h4{font-size:20px}
.hk-weekend p{font:inherit;color:var(--hk-muted);margin:0 0 16px}
.hk-weekend a{color:#165977;text-underline-offset:4px;overflow-wrap:anywhere}
.hk-weekend a:hover{text-decoration:underline}
.hk-weekend :is(a,button,summary):focus-visible{outline:3px solid #0074a0;outline-offset:5px}
main.weekend-trip-guide .hk-weekend [id]{scroll-margin-top:150px}
.hk-hero{background:var(--hk-paper);border-bottom:1px solid var(--hk-line);padding-top:24px}
.hk-weekend .crumb{font-size:12px;line-height:1.6;margin:0 0 32px;color:var(--hk-muted)}
.hk-hero-grid{display:grid;grid-template-columns:1fr 1.04fr;gap:52px;align-items:center;padding-bottom:34px}
.hk-weekend .hk-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--hk-accent);margin-bottom:16px}
.hk-weekend .hk-deck{font:24px/1.35 Georgia,'Times New Roman',serif;color:var(--hk-ink);max-width:24ch;margin:20px 0 16px}
.hk-weekend .hk-intro{font-size:15px;max-width:57ch}
.hk-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px}
.hk-weekend .hk-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;background:var(--hk-ink);border:1px solid var(--hk-ink);color:#fff;padding:11px 18px;text-decoration:none;font-size:13px;font-weight:700}
.hk-weekend .hk-button:hover{background:#20475e;text-decoration:none}
.hk-weekend .hk-text-link{font-size:13px;font-weight:700;padding-block:10px}
.hk-hero-photo{margin:0;position:relative;align-self:stretch;min-height:330px;overflow:hidden;background:#173449}
.hk-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hk-hero-photo figcaption{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#091b2deb);padding:48px 18px 15px;font-size:11px}
.hk-hero-photo figcaption a{color:#fff;text-decoration:none}
.hk-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hk-line);margin:0;padding:22px 0}
.hk-facts>div{padding:0 28px;border-left:1px solid var(--hk-line)}
.hk-facts>div:first-child{padding-left:0;border-left:0}
.hk-facts dt{font-size:10px;letter-spacing:.11em;color:var(--hk-muted);font-weight:700;margin:0 0 5px}
.hk-facts dd{font-size:14px;color:var(--hk-ink);margin:0;font-weight:700}
.hk-jump{background:#fff;border-bottom:1px solid var(--hk-line);position:sticky;top:76px;z-index:20}
.hk-jump>.hk-wrap{display:flex;gap:36px;overflow-x:auto}
.hk-jump a{padding:17px 0;white-space:nowrap;font-size:13px;font-weight:700;text-decoration:none}
.hk-jump a span{display:none}
.hk-content{padding-block:44px 0}
.hk-plan-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:54px;align-items:start}
.hk-heading{margin-bottom:14px}
.hk-weekend .hk-section-intro{max-width:75ch;font-size:15px}
.hk-plan-tabs{display:flex;gap:0;border-bottom:1px solid var(--hk-line);margin:25px 0 24px}
.hk-plan-tabs a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 23px;text-decoration:none;font-size:14px;font-weight:700;border-bottom:3px solid transparent;color:var(--hk-muted)}
.hk-plan-tabs a[aria-selected=true]{color:var(--hk-ink);border-color:var(--hk-accent);background:#f7f8f5}
.hk-route{display:flex;align-items:center;gap:16px;padding:17px 20px;background:#f1f5f5;border:1px solid #e2e9e9}
.hk-route>span{font-size:10px;color:var(--hk-accent);font-weight:700;display:flex;gap:8px;align-items:center}
.hk-route b{font-size:13px;color:var(--hk-ink)}
.hk-route i{font-style:normal;color:#82999c;flex:1;text-align:center}
.hk-weekend .hk-caption{font-size:11px;line-height:1.55;margin-top:9px}
.hk-plan-panel{padding-top:12px}
.hk-plan-panel>p{font-size:14px;margin-top:11px}
.hk-timeline{list-style:none;margin:25px 0;padding:0}
.hk-timeline>li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:18px;position:relative;padding-bottom:29px}
.hk-timeline>li:before{content:'';position:absolute;left:18px;top:40px;bottom:3px;width:1px;background:var(--hk-line)}
.hk-timeline>li:last-child{padding-bottom:0}
.hk-timeline>li:last-child:before{display:none}
.hk-step-number{display:grid;place-items:center;width:38px;height:38px;border:1px solid #bacdce;border-radius:50%;font-size:12px;font-weight:700;color:#365662;background:white}
.hk-weekend .hk-when{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--hk-accent);font-weight:700;margin:0 0 7px;padding-top:2px}
.hk-timeline h4+p{font-size:14px;line-height:1.7;margin:10px 0 0}
.hk-short{border-left:3px solid var(--hk-accent);background:#fcf6f0;padding:18px 20px;margin-top:28px}
.hk-short strong{font-size:14px}
.hk-short p{font-size:13px;margin:6px 0 0}
.hk-weekend details{border-block:1px solid var(--hk-line);padding:0;margin-top:20px}
.hk-weekend summary{cursor:pointer;min-height:48px;padding:14px 0;font-size:14px;font-weight:700;color:var(--hk-ink)}
.hk-weekend details>p{font-size:14px}
.hk-inline-links{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;font-weight:700;padding-bottom:18px}
.hk-essentials{background:var(--hk-paper);border-top:3px solid var(--hk-ink);padding:28px 25px}
main.site-magazine-page .hk-essentials h2{font-size:29px}
.hk-essentials .hk-kicker{font-size:10px;margin-bottom:10px}
.hk-essentials ol{padding:0;list-style:none;margin:23px 0 0;counter-reset:essential}
.hk-essentials li{border-top:1px solid var(--hk-line);padding:18px 0;counter-increment:essential}
main.site-magazine-page .hk-essentials h3{font-size:15px;line-height:1.35}
.hk-essentials li h3:before{content:'0' counter(essential) ' / ';color:var(--hk-accent);font-size:11px;margin-right:4px}
.hk-essentials p{font-size:13px;line-height:1.7;margin:9px 0}
.hk-essentials a{font-size:12px;font-weight:700}
.hk-return{background:var(--hk-ink);padding:22px;margin:8px -9px -10px;color:#fff}
main.site-magazine-page .hk-return h3{font:22px/1.3 Georgia,'Times New Roman',serif;color:#fff;font-weight:400}
.hk-return p{color:#dce7ed}
.hk-return a{color:#fff}
.hk-section{border-top:1px solid var(--hk-line);margin-top:46px;padding-top:35px}
.hk-transport-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:25px}
.hk-transport-card{border:1px solid var(--hk-line);padding:25px 22px;display:flex;flex-direction:column;align-items:start}
main.site-magazine-page .hk-transport-card h3{font-size:18px;line-height:1.35}
.hk-transport-card p{font-size:14px;margin:12px 0 20px}
.hk-transport-card a{font-size:12px;font-weight:700;margin-top:auto}
.hk-journey-detail>a{display:inline-block;font-size:13px;padding-bottom:16px}
.hk-stay-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:26px}
.hk-stay-grid article{border-left:2px solid #bbcdce;padding-left:22px}
.hk-side-label{font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--hk-accent);display:block;margin-bottom:8px}
.hk-stay-grid p{font-size:14px;margin-top:12px}
.hk-more{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#f0f5f5;margin:42px 0;padding:25px 28px}
main.site-magazine-page .hk-more h2{font-size:26px}
.hk-more>div{display:flex;gap:22px;flex-wrap:wrap;font-size:12px;font-weight:700}
main.site-magazine-page .hk-sources h2{font-size:25px}
.hk-sources>p{font-size:12px}
.hk-source-links{display:grid;grid-template-columns:1fr 1fr;gap:9px 26px;margin-bottom:25px}
.hk-source-links a{font-size:12px}
.hk-sources details p{font-size:12px}
.hk-sources{padding-bottom:24px}
@media(min-width:1600px){.hk-jump{top:80px}}
@media(max-width:1050px){.hk-weekend .hk-wrap{width:calc(100% - 48px)}.hk-hero-grid{gap:28px}.hk-plan-layout{grid-template-columns:minmax(0,1fr) 285px;gap:28px}.hk-route{padding:14px 12px;gap:7px}.hk-route>span{display:block}.hk-route b{display:block;font-size:12px}.hk-transport-grid{gap:14px}.hk-transport-card{padding:20px 16px}.hk-jump{top:70px}.hk-essentials{padding:22px 20px}}
@media(max-width:760px){.hk-hero-grid{grid-template-columns:1fr;gap:27px}.hk-hero-copy{max-width:620px}.hk-hero-photo{min-height:260px}.hk-weekend .hk-deck{max-width:32ch}.hk-weekend .hk-intro{max-width:none}.hk-facts>div{padding-inline:15px}.hk-facts dd{font-size:12px}.hk-plan-layout{grid-template-columns:1fr;gap:32px}.hk-essentials{padding:25px}.hk-essentials ol{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.hk-return{margin:8px 0 0}.hk-transport-grid{grid-template-columns:1fr}.hk-transport-card{padding:24px}.hk-jump{top:64px}.hk-jump>.hk-wrap{gap:25px}.hk-jump a{font-size:12px}.hk-weekend :is(section,aside,[id]){scroll-margin-top:140px}.hk-more{display:block}.hk-more>div{margin-top:20px}.hk-route>span{display:flex}.hk-route b{font-size:13px}.hk-content{padding-top:32px}}
@media(max-width:450px){.hk-weekend .hk-wrap{width:calc(100% - 36px)}.hk-hero{padding-top:19px}.hk-weekend .crumb{font-size:10px;margin-bottom:26px}.hk-weekend .hk-kicker{font-size:10px}.hk-weekend .hk-deck{font-size:23px}.hk-weekend .hk-intro{font-size:14px}.hk-actions{gap:9px 20px;margin-top:21px}.hk-hero-photo{min-height:215px}.hk-facts{grid-template-columns:1fr;gap:13px;padding:20px 0}.hk-facts>div,.hk-facts>div:first-child{padding:0;border:0;display:grid;grid-template-columns:115px 1fr;gap:10px}.hk-facts dt{font-size:9px;margin:0;align-self:center}.hk-facts dd{font-size:12px}.hk-jump>.hk-wrap{gap:24px;width:100%;padding-inline:18px}.hk-plan-tabs a{padding:12px 17px;flex:1}.hk-route{gap:7px;padding:13px 10px}.hk-route>span{display:block;line-height:1.6}.hk-route b{font-size:11px}.hk-route i{flex:0}.hk-timeline>li{gap:13px;grid-template-columns:32px minmax(0,1fr)}.hk-step-number{width:32px;height:32px;font-size:11px}.hk-timeline>li:before{left:15px;top:35px}main.site-magazine-page .hk-weekend h4{font-size:18px}.hk-timeline h4+p{font-size:13px}.hk-essentials ol{grid-template-columns:1fr}.hk-stay-grid{grid-template-columns:1fr;gap:24px}.hk-source-links{grid-template-columns:1fr}.hk-section{margin-top:34px;padding-top:28px}.hk-more{padding:22px}.hk-more>div{gap:12px 20px}.hk-weekend .hk-section-intro{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hk-weekend *{scroll-behavior:auto!important;transition:none!important}}
/* The shared header scrolls away below its 1024px navigation breakpoint. */
@media(min-width:1024px){.hk-jump{top:76px}}
@media(max-width:1023px){.hk-jump{top:0}main.weekend-trip-guide .hk-weekend [id]{scroll-margin-top:80px}.hk-route{justify-content:space-between}}
@media print{main.weekend-trip-guide .hk-weekend section[data-hk-panel][hidden]{display:block!important}}
/* Match the shared reset's layer: layered !important rules outrank unlayered ones. */
@layer base{@media print{main.weekend-trip-guide .hk-weekend section[data-hk-panel][hidden]{display:block!important}}}
@media print{.hk-jump,.hk-plan-tabs{display:none}.hk-weekend [data-hk-panel][hidden]{display:block!important}.hk-weekend .hk-wrap{width:100%;max-width:none}.hk-hero-photo{min-height:180px}.hk-plan-layout{display:block}.hk-essentials{margin-top:24px}.hk-weekend :is(article,li){break-inside:avoid}.hk-plan-panel{margin-block:24px}.hk-weekend details>*{display:block}.hk-transport-grid{grid-template-columns:1fr}.hk-weekend .hk-hero-grid{grid-template-columns:1fr 1fr}}