/* The Dapeng stay guide shares the site's unchanged header and footer. */
main.dh-site{--dh-blue:#006cff;--dh-navy:#08285c;--dh-ink:#274c70;--dh-muted:#59738d;--dh-line:#d9e8f4;--dh-teal:#078a85;width:100%;max-width:none!important;margin:0!important;padding:0!important;background:#fff;color:var(--dh-ink);font:15px/1.5 Arial,"Helvetica Neue",sans-serif}
main.dh-site *,main.dh-site *::before,main.dh-site *::after{box-sizing:border-box}
main.dh-site :is(h1,h2,h3,h4,p,figure,dl,ul){margin:0}
main.dh-site :is(h1,h2,h3,h4){font-family:Arial,"Helvetica Neue",sans-serif;color:var(--dh-navy);font-weight:750;line-height:1.15;letter-spacing:-.03em;text-transform:none}
main.dh-site a{color:#0068dc;text-underline-offset:3px;overflow-wrap:anywhere}
main.dh-site :is(a,input,summary,[tabindex]):focus-visible{outline:3px solid #0359b6;outline-offset:4px}
main.dh-site :is([id]){scroll-margin-top:105px}
main.dh-site .dh-anchor{display:block;position:relative;scroll-margin-top:105px}
main.dh-site img{display:block;max-width:100%;height:auto}
main.dh-site .dh-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 15px;border:1px solid var(--dh-blue);border-radius:6px;background:var(--dh-blue);color:#fff;font-size:13px;font-weight:700;text-align:center;text-decoration:none;line-height:1.3;gap:6px}
main.dh-site .dh-button:hover{background:#0058d5;border-color:#0058d5}
main.dh-site .dh-button.dh-outline{background:#fff;color:#0060c9;border-color:#94beed}
main.dh-site .dh-button.dh-outline:hover{background:#eaf5ff}
main.dh-site .dh-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:17px}
main.dh-site .dh-small{font-size:12px;line-height:1.5;color:var(--dh-muted)}
main.dh-site .dh-hero{position:relative;isolation:isolate;min-height:345px;background:#0c3543;overflow:hidden}
main.dh-site .dh-hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 54%}
main.dh-site .dh-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#073540f5,#07343dd9 38%,#153c3a33 82%),linear-gradient(0deg,#071e3e8c,transparent 45%)}
main.dh-site .dh-hero-inner{max-width:1320px;min-height:345px;margin:auto;padding:22px 38px 47px;color:#fff;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
main.dh-site .dh-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;font-size:11px;margin-bottom:14px;color:#e7f5ff}
main.dh-site .dh-breadcrumb a{color:#fff;text-decoration:none}
main.dh-site .dh-eyebrow{font-size:10px;letter-spacing:.08em;font-weight:750;color:var(--dh-teal);text-transform:uppercase}
main.dh-site .dh-hero .dh-eyebrow{color:#a6efe6;font-size:11px}
main.dh-site .dh-hero h1{color:#fff;font-size:clamp(37px,3.7vw,53px);line-height:1.01;max-width:780px;margin-top:8px}
main.dh-site .dh-hero .dh-deck{font-size:20px;line-height:1.35;max-width:710px;font-weight:700;margin:12px 0 7px;color:#fff}
main.dh-site .dh-hero-inner>p:not(.dh-eyebrow):not(.dh-deck){max-width:640px;color:#eef8ff;font-size:14px;line-height:1.5}
main.dh-site .dh-hero-caption{position:absolute;right:25px;bottom:13px;max-width:80%;padding:4px 8px;border-radius:4px;background:#052c42c9;color:#fff;font-size:10px;line-height:1.3;text-decoration:none}
main.dh-site .dh-wrap{max-width:1320px;margin:auto;padding:18px 30px 26px}
main.dh-site .dh-jump-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:15px}
main.dh-site .dh-jump-nav a{padding:7px 13px;border:1px solid #cfe4f5;border-radius:5px;background:#f2f8ff;color:#0a5fae;font-size:12px;font-weight:700;text-decoration:none}
main.dh-site .dh-panel{min-width:0;padding:18px;border:1px solid var(--dh-line);border-radius:9px;background:#fff;margin-bottom:16px}
main.dh-site .dh-heading{margin-bottom:15px}
main.dh-site .dh-heading h2{font-size:25px;margin-bottom:5px}
main.dh-site .dh-heading p{font-size:13px;color:var(--dh-muted);line-height:1.45}
main.dh-site .dh-base-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
main.dh-site .dh-base-options a{display:flex;flex-direction:column;gap:6px;padding:13px;border:1px solid #cce4ed;border-top:4px solid #04a493;border-radius:7px;background:linear-gradient(125deg,#effaf8,#f9fcff);text-decoration:none}
main.dh-site .dh-base-options strong{font-size:14px;line-height:1.3;color:#07546a}
main.dh-site .dh-base-options span{font-size:12px;color:#4b6d85;line-height:1.45}
main.dh-site .dh-base-options a:hover{border-color:#09a89b;background:#eafbf8}
main.dh-site .dh-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:start}
main.dh-site .dh-content{min-width:0}
main.dh-site .dh-aside{min-width:0;display:grid;gap:14px}
main.dh-site .dh-aside .dh-panel{margin:0;padding:16px;background:#f8fcff}
main.dh-site .dh-aside h2{font-size:20px;margin-bottom:11px}
main.dh-site .dh-aside p{font-size:13px;line-height:1.5;margin-top:10px}
main.dh-site .dh-aside ul{padding-left:17px;display:grid;gap:10px;font-size:13px;line-height:1.5}
main.dh-site .dh-aside .dh-checklist{list-style:none;padding:0;gap:11px}
main.dh-site .dh-checklist label{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.45;cursor:pointer}
main.dh-site input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;flex:0 0 16px;width:16px;height:16px;margin:2px 0 0;accent-color:#0074ed}
main.dh-site .dh-side-links{display:grid;gap:10px;font-size:13px}
main.dh-site .dh-table-scroll{overflow:auto;border:1px solid #d8e5f2;border-radius:6px}
main.dh-site table{border-collapse:collapse;width:100%;min-width:670px;font-size:12px;line-height:1.5;color:#355978;text-align:left}
main.dh-site caption{text-align:left;padding:9px 11px;background:#eff8ff;color:#174e78;font-size:12px;font-weight:700;caption-side:top}
main.dh-site :is(th,td){padding:10px 11px;border-right:1px solid #dce9f4;border-top:1px solid #dce9f4;vertical-align:top}
main.dh-site th{background:#f6faff;color:#17496e;font-weight:700}
main.dh-site thead th{background:#eaf5ff;font-size:12px;min-width:125px}
main.dh-site tbody th{min-width:105px}
main.dh-site .dh-table-scroll+.dh-small{margin-top:9px}
main.dh-site .dh-hotel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
main.dh-site .dh-hotel{min-width:0;padding:16px;border:1px solid #cfe1ef;border-radius:8px;background:linear-gradient(135deg,#f7fcff,#fff 55%)}
main.dh-site .dh-hotel header{padding-bottom:12px;border-bottom:1px solid #e0ebf4;margin-bottom:12px}
main.dh-site .dh-hotel h3{font-size:22px;margin:6px 0}
main.dh-site .dh-hotel .dh-chinese{color:#4d6c88;font-size:13px;line-height:1.45}
main.dh-site .dh-hotel .dh-area{font-size:12px;font-weight:700;color:#007c7a;margin-top:8px}
main.dh-site .dh-hotel>p{font-size:13px;line-height:1.55;margin-bottom:12px}
main.dh-site .dh-hotel dl{display:grid;gap:12px}
main.dh-site .dh-hotel dt{color:#124a76;font-size:11px;text-transform:uppercase;letter-spacing:.025em;font-weight:700;margin-bottom:3px}
main.dh-site .dh-hotel dd{margin:0;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
main.dh-site .dh-hotel dd [lang]{display:block;margin-top:3px;color:#55718a;font-size:12px}
main.dh-site .dh-hotel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
main.dh-site .dh-hotel-actions .dh-button{flex:1;min-width:110px;font-size:12px;padding:8px 10px}
main.dh-site details.dh-hotel-notes{margin-top:14px;padding-top:12px;border-top:1px solid #dce7f0;font-size:13px;line-height:1.55}
main.dh-site summary{cursor:pointer;color:#075b9e;font-size:14px;font-weight:700;line-height:1.45}
main.dh-site details[open]>summary{margin-bottom:13px}
main.dh-site .dh-hotel-notes p{margin:10px 0}
main.dh-site .dh-hotel-notes ul{padding-left:18px;display:grid;gap:7px}
main.dh-site .dh-source-links{font-size:12px;line-height:1.5}
main.dh-site .dh-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:16px 0}
main.dh-site .dh-note-grid>div{background:#f1f8fc;border:1px solid #dfebf3;border-radius:6px;padding:13px}
main.dh-site .dh-note-grid h3{font-size:17px;margin-bottom:8px}
main.dh-site .dh-note-grid p,main.dh-site .dh-guesthouses>p{font-size:13px;line-height:1.6}
main.dh-site .dh-guesthouses{background:linear-gradient(130deg,#f4fbf8,#fff);border-color:#c9e5dc}
main.dh-site .dh-guesthouses>p{margin:10px 0}
main.dh-site .dh-area-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
main.dh-site .dh-area-guides article{border:1px solid #d5e5f1;border-radius:7px;overflow:hidden;background:#fbfdff;min-width:0}
main.dh-site .dh-area-guides figure{position:relative}
main.dh-site .dh-area-guides img{width:100%;height:125px;object-fit:cover}
main.dh-site .dh-area-guides figcaption{padding:5px 7px;background:#eef5fa;font-size:9px;line-height:1.35;color:#4b6b84}
main.dh-site .dh-area-guides article>div{padding:12px}
main.dh-site .dh-area-guides h3{font-size:18px;margin:6px 0 8px}
main.dh-site .dh-area-guides article>div>p:not(.dh-eyebrow){font-size:12px;line-height:1.5}
main.dh-site .dh-area-guides .dh-button{font-size:11px;margin:11px 0 8px;padding:8px;min-height:35px}
main.dh-site .dh-area-guides article>div>a:last-child{display:block;font-size:12px}
main.dh-site .dh-all-areas{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
main.dh-site .dh-all-areas a{padding:6px 10px;border:1px solid #cce0f3;border-radius:4px;background:#f3f9ff;font-size:12px;text-decoration:none}
main.dh-site .dh-credits{font-size:12px;line-height:1.55}
main.dh-site .dh-credits p{margin:10px 0}
main.dh-site .dh-credits ul{padding-left:18px;display:grid;gap:14px}
main.dh-site .dh-credits li p{margin:4px 0}
main.dh-site .dh-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 25px;border-radius:9px;background:linear-gradient(110deg,#073962,#007990);color:#fff;margin-top:6px}
main.dh-site .dh-bottom h2{font-size:24px;color:#fff;margin-bottom:6px}
main.dh-site .dh-bottom p{font-size:13px;color:#e8f5fa}
main.dh-site .dh-bottom .dh-button{flex:0 0 auto;background:#fff;border-color:#fff;color:#005f9b}
@media(max-width:1100px){main.dh-site .dh-layout{grid-template-columns:minmax(0,1fr) 245px;gap:13px}main.dh-site .dh-hotel-grid{grid-template-columns:1fr}main.dh-site .dh-area-guides{grid-template-columns:1fr}main.dh-site .dh-area-guides article{display:grid;grid-template-columns:150px 1fr}main.dh-site .dh-area-guides img{height:155px}main.dh-site .dh-area-guides figure{display:flex;flex-direction:column}main.dh-site .dh-area-guides figcaption{flex:1}main.dh-site .dh-wrap{padding-inline:22px}main.dh-site .dh-hero-inner{padding-inline:30px}}
@media(max-width:760px){main.dh-site .dh-layout{grid-template-columns:1fr}main.dh-site .dh-base-options{grid-template-columns:repeat(2,minmax(0,1fr))}main.dh-site .dh-aside{grid-template-columns:repeat(2,minmax(0,1fr))}main.dh-site .dh-hero-inner{min-height:370px;padding:20px 24px 51px}main.dh-site .dh-hero h1{font-size:44px}main.dh-site .dh-hero::after{background:linear-gradient(90deg,#073540ed,#07343dbd 65%,#153c3a55),linear-gradient(0deg,#071e3eb3,transparent 55%)}main.dh-site .dh-hero .dh-deck{font-size:18px;max-width:540px}main.dh-site .dh-bottom{flex-wrap:wrap}main.dh-site .dh-bottom .dh-button{flex:1}main.dh-site .dh-jump-nav{gap:6px}main.dh-site .dh-jump-nav a{font-size:11px;padding:6px 9px}}
@media(max-width:480px){main.dh-site{font-size:14px}main.dh-site .dh-wrap{padding:12px 13px 20px}main.dh-site .dh-hero-inner{padding:18px 21px 51px;min-height:400px}main.dh-site .dh-hero h1{font-size:37px;max-width:360px}main.dh-site .dh-hero .dh-deck{font-size:17px;line-height:1.35}main.dh-site .dh-hero-inner>p:not(.dh-eyebrow):not(.dh-deck){font-size:13px}main.dh-site .dh-hero-caption{right:15px;left:15px;max-width:none;font-size:9px;bottom:12px}main.dh-site .dh-hero .dh-actions{gap:7px}main.dh-site .dh-hero .dh-button{font-size:11px;padding:9px 10px;min-height:38px}main.dh-site .dh-panel{padding:14px;margin-bottom:13px}main.dh-site .dh-heading h2{font-size:23px}main.dh-site .dh-heading p{font-size:12px}main.dh-site .dh-base-options{gap:8px}main.dh-site .dh-base-options a{padding:10px}main.dh-site .dh-base-options strong{font-size:13px}main.dh-site .dh-base-options span{font-size:11px}main.dh-site .dh-hotel{padding:14px}main.dh-site .dh-hotel h3{font-size:23px}main.dh-site .dh-hotel-actions{gap:6px}main.dh-site .dh-hotel-actions .dh-button{font-size:12px;flex:1 0 100%}main.dh-site .dh-note-grid,main.dh-site .dh-aside{grid-template-columns:1fr}main.dh-site .dh-area-guides article{display:block}main.dh-site .dh-area-guides img{height:165px}main.dh-site .dh-area-guides figcaption{font-size:10px}main.dh-site .dh-area-guides h3{font-size:21px}main.dh-site .dh-area-guides article>div>p:not(.dh-eyebrow){font-size:13px}main.dh-site .dh-area-guides article>div>a:last-child{font-size:13px}main.dh-site .dh-all-areas a{font-size:12px}main.dh-site .dh-bottom{padding:18px}main.dh-site .dh-bottom h2{font-size:23px}main.dh-site .dh-credits{font-size:12px}}
@media(prefers-reduced-motion:reduce){main.dh-site *{scroll-behavior:auto!important;transition:none!important}}
@media print{main.dh-site .dh-hero{background:#fff;min-height:0}main.dh-site .dh-hero>img,main.dh-site .dh-hero::after,main.dh-site .dh-hero-caption,main.dh-site .dh-jump-nav,main.dh-site .dh-bottom,main.dh-site .dh-hero .dh-actions{display:none}main.dh-site .dh-hero-inner{min-height:0;padding:12px;color:#183e69}main.dh-site .dh-hero :is(h1,p,a,span){color:#183e69!important}main.dh-site .dh-wrap{padding:10px}main.dh-site .dh-layout{display:block}main.dh-site .dh-hotel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}main.dh-site .dh-hotel,main.dh-site .dh-panel{break-inside:avoid}main.dh-site .dh-table-scroll{overflow:visible}main.dh-site table{min-width:0;font-size:9px}main.dh-site .dh-aside{display:block}main.dh-site .dh-area-guides{display:none}}