body.travel-trip{background:#f5f6f1}
.travel-trip .topnav{top:var(--travel-header-height);z-index:80;padding:10px 16px;background:#fafaf6;border-bottom:1px solid var(--travel-line);box-shadow:none}
.travel-trip .topnav a{color:#385447;background:#ecf0e8;border:1px solid #dfe5d9;font-size:12px}
.travel-trip .topnav a:hover{background:#dde7d8}
.travel-trip .topnav .brand{color:#385447}
.travel-trip .sidebar{top:calc(var(--travel-header-height) + var(--travel-nav-height) + 12px);max-height:calc(100dvh - var(--travel-header-height) - var(--travel-nav-height) - 24px);overscroll-behavior:contain;scrollbar-width:thin}
.travel-trip .aside-wrap{top:calc(var(--travel-header-height) + var(--travel-nav-height) + 12px)}
.travel-trip [id]{scroll-margin-top:calc(var(--travel-header-height) + var(--travel-nav-height) + 20px)}
.travel-trip .sidebar [id]{scroll-margin-top:16px}
.travel-trip .poi:focus-visible{outline:2px solid #3d775a;outline-offset:3px;border-radius:2px}
.travel-trip #poi-panel{z-index:120}
.travel-hong-kong .main>h2.day:first-child{margin-top:0}
@media(max-width:1120px){
 .travel-trip .layout{display:flex;flex-direction:column;gap:0;padding:12px;max-width:100%}
 .travel-trip .sidebar{display:none;width:100%;flex:none;position:static;max-height:none;border-radius:10px;margin-bottom:16px}
 .travel-trip.travel-reference-open .sidebar{display:block}
 .travel-trip .travel-reference-toggle{display:inline-block}
 .travel-trip main,.travel-trip .main{width:100%;padding:12px 0 36px}
 .travel-trip .day-inner-flex{flex-direction:column}
 .travel-trip .aside-wrap,.travel-trip .anno-card{position:static;width:100%;flex:none}
 .travel-trip .topnav{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:8px 12px}
 .travel-trip .topnav a{flex-shrink:0;white-space:nowrap}
 .travel-trip .topnav .brand{display:none}
 .travel-trip .sidebar[id]{scroll-margin-top:calc(var(--travel-header-height) + var(--travel-nav-height) + 12px)}
 .travel-trip .sidebar [id]{scroll-margin-top:calc(var(--travel-header-height) + var(--travel-nav-height) + 16px)}
 .travel-trip .main table{font-size:13px}
 .travel-trip .main th,.travel-trip .main td{padding:7px 8px;overflow-wrap:anywhere}
}
@media(max-width:640px){
 .travel-trip .travel-header{flex-wrap:wrap}
 .travel-trip .travel-switch{gap:1px}
 .travel-reference-toggle{font-size:12px;padding:6px 7px;margin-left:4px}
 .travel-trip .layout{padding:10px}
 .travel-trip .card{padding:15px 12px}
 .travel-trip h1{font-size:21px;line-height:1.5}
 .travel-trip .main h2.day{font-size:18px}
 .travel-trip .main table,.travel-trip table{font-size:12px}
 .travel-trip th,.travel-trip td{overflow-wrap:anywhere}
 .travel-trip .main td.t{white-space:normal}
 .travel-trip #poi-panel{max-width:calc(100vw - 24px)}
}
@media print{
 .travel-trip .topnav{display:none}
 .travel-trip .layout{display:block!important}
 .travel-trip .sidebar{display:block!important;position:static;max-height:none;width:100%}
 .travel-trip .main,.travel-trip main{padding:0;width:100%}
}