/* Shared travel navigation and footer across country, city, and article pages. */
html body header.travel-mobile-header > .travel-mobile-nav{display:none!important}

html body footer.travel-unified-footer{
  box-sizing:border-box;
  width:100%;
  min-height:0;
  margin:0;
  padding:38px max(20px,calc((100vw - 1180px)/2));
  border:0;
  border-top:1px solid #dce5df;
  background:#f6f8f6;
  color:#243b46;
  font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  text-align:left;
}
html body footer.travel-unified-footer .travel-footer-inner{max-width:1180px;margin:0 auto}
html body footer.travel-unified-footer .travel-footer-brand{
  display:block;
  margin:0;
  color:#243b46;
  font-family:"Noto Serif TC","Songti TC",serif;
  font-size:clamp(21px,2.4vw,27px);
  font-weight:700;
  line-height:1.45;
  letter-spacing:-.035em;
  white-space:nowrap;
}
html body footer.travel-unified-footer .travel-footer-description{margin:9px 0 0;color:#53665f;font-size:13px;line-height:1.7}
html body footer.travel-unified-footer .travel-footer-nav{display:flex;flex-wrap:wrap;gap:7px 22px;margin:20px 0 0;padding:0;border:0}
html body footer.travel-unified-footer .travel-footer-nav a{
  display:inline-flex;
  align-items:center;
  min-height:35px;
  margin:0;
  padding:0;
  border:0;
  color:#294b53;
  font-size:13px;
  font-weight:500;
  line-height:1.5;
  text-decoration:underline;
  text-underline-offset:4px;
  white-space:nowrap;
}
html body footer.travel-unified-footer .travel-footer-meta{margin:18px 0 0;padding-top:16px;border-top:1px solid #dce5df;color:#455b53;font-size:11px;line-height:1.7}
html body footer.travel-unified-footer > details{box-sizing:border-box;max-width:1180px;margin:20px auto 0;padding:14px 0 0;border:0;border-top:1px solid #dce5df;background:transparent;color:#455b53;font-size:12px;line-height:1.8;text-align:left}
html body footer.travel-unified-footer > details summary{color:#294b53;cursor:pointer;font-size:12px;font-weight:600}
html body footer.travel-unified-footer > details a{color:#285e66;text-decoration:underline;text-underline-offset:3px}
html body a.travel-parent-link{
  --travel-parent-accent:var(--green,var(--forest,var(--sage,#294b53)));
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  min-height:38px;
  margin:0;
  padding:8px 16px;
  border:1px solid var(--travel-parent-accent);
  border-radius:2px;
  background:transparent;
  color:var(--travel-parent-accent);
  font:600 12px/1.5 "Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  letter-spacing:0;
  text-decoration:none;
  white-space:nowrap;
  transition:background-color .18s ease,color .18s ease;
}
html body a.travel-parent-link:is(:hover,:focus-visible){background:var(--travel-parent-accent);color:#fff}
html body footer.travel-unified-footer a:focus-visible,
html body header.travel-mobile-header .travel-mobile-nav a:focus-visible,
html body a.travel-parent-link:focus-visible{outline:2px solid #1e7580;outline-offset:3px}

@media(min-width:701px) and (max-width:1000px){
  /* Use the links when they actually fit; the shared header's 1000px rule
     otherwise hides them even when most of the row is empty. */
  html body header.travel-mobile-header.nb-nav-measuring .nb-regional{
    position:absolute!important;
    display:flex!important;
    flex:0 0 auto!important;
    flex-wrap:nowrap!important;
    width:max-content!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    gap:14px!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  html body header.travel-mobile-header.nb-nav-measuring .nb-regional .nb-local-nav,
  html body header.travel-mobile-header.nb-nav-fits .nb-regional .nb-local-nav{
    flex-wrap:nowrap!important;
    width:max-content!important;
    max-width:none!important;
    gap:14px!important;
  }
  html body header.travel-mobile-header.nb-menu-ready.nb-nav-fits .nb-header-row{flex-wrap:nowrap}
  html body header.travel-mobile-header.nb-menu-ready.nb-nav-fits .nb-regional{
    display:flex!important;
    order:0;
    flex:0 0 auto;
    flex-wrap:nowrap;
    justify-content:flex-end;
    width:auto;
    margin-left:auto;
    padding:0;
    gap:14px;
  }
  html body header.travel-mobile-header.nb-nav-fits .nb-header-actions{display:none!important}
  html body header.travel-article-header .nb-header-row{flex-wrap:nowrap}
  html body header.travel-article-header .nb-regional{
    order:0;
    flex:0 1 auto;
    justify-content:flex-end;
    flex-wrap:nowrap;
    gap:14px;
    margin-left:auto;
    padding:0;
  }
  html body header.travel-article-header .nb-regional .nb-local-nav{flex-wrap:nowrap;gap:14px}
}

@media(max-width:700px){
  html body header.travel-mobile-header{
    box-sizing:border-box!important;
    display:block!important;
    position:sticky;
    top:0;
    z-index:100;
    width:100%;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-bottom:1px solid #dce5df!important;
    background:#fff!important;
    box-shadow:none!important;
    color:#243b46!important;
  }
  html body header.travel-mobile-header > :not(.travel-mobile-nav){display:none!important}
  html body header.travel-mobile-header > .travel-mobile-nav{
    box-sizing:border-box;
    display:flex!important;
    align-items:center;
    gap:8px;
    width:100%;
    max-width:1180px;
    min-height:56px;
    margin:0 auto;
    padding:0 14px;
    overflow:hidden;
    font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
    text-align:left;
  }
  html body header.travel-mobile-header .travel-mobile-nav > a{
    box-sizing:border-box;
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    min-height:44px;
    width:auto;
    margin:0;
    padding:0;
    border:0;
    background:none;
    color:#243b46;
    font-size:13px;
    font-weight:600;
    line-height:1.3;
    text-decoration:none;
    white-space:nowrap;
  }
  html body header.travel-mobile-header .travel-mobile-nav > .travel-mobile-home{
    gap:7px;
  }
  html body header.travel-mobile-header .travel-mobile-mark-glyph{
    box-sizing:border-box;
    display:grid;
    flex:0 0 29px;
    place-items:center;
    width:29px;
    min-width:29px;
    min-height:29px;
    height:29px;
    border:1px solid #243b46;
    font-family:"Noto Serif TC","Songti TC",serif;
    font-size:18px;
    font-weight:700;
  }
  html body header.travel-mobile-header .travel-mobile-brand-name{display:none;font-size:11px;letter-spacing:-.03em}
  html body header.travel-mobile-header .travel-mobile-nav > .travel-mobile-section{font-family:"Noto Serif TC","Songti TC",serif;font-size:17px;font-weight:700}
  html body header.travel-mobile-header .travel-mobile-nav > .travel-mobile-title{
    display:block;
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;
    color:#52625d;
    font-size:13px;
    line-height:1.5;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  html body header.travel-mobile-header .travel-mobile-nav > a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
  html body header.travel-mobile-header .travel-mobile-nav > .travel-mobile-parent{margin-left:auto;text-decoration:underline;text-underline-offset:5px}
  html body footer.travel-unified-footer{padding:28px 20px}
  html body footer.travel-unified-footer .travel-footer-brand{font-size:21px}
  html body footer.travel-unified-footer .travel-footer-description{font-size:12px}
  html body footer.travel-unified-footer .travel-footer-nav{gap:4px 18px;margin-top:16px}
  html body footer.travel-unified-footer .travel-footer-nav a{min-height:35px;font-size:12px}
}
@media(min-width:360px) and (max-width:700px){
  html body header.travel-mobile-header .travel-mobile-brand-name{display:inline}
}
@media(prefers-reduced-motion:reduce){
  html body a.travel-parent-link{transition:none}
}

/* Shared blue map links. */
html body a:any-link:is(
  [href*="//www.google."][href*="/maps"],
  [href*="//google."][href*="/maps"],
  [href*="//maps.google."],
  [href*="//maps.app.goo.gl/"],
  [href*="//goo.gl/maps/"],
  [href*="//www.bing.com/maps"],
  [href*="//bing.com/maps"],
  [href*="//www.openstreetmap.org/"],
  [href*="//openstreetmap.org/"]
){color:#2167aa}
html body a:any-link:is(
  [href*="//www.google."][href*="/maps"],
  [href*="//google."][href*="/maps"],
  [href*="//maps.google."],
  [href*="//maps.app.goo.gl/"],
  [href*="//goo.gl/maps/"],
  [href*="//www.bing.com/maps"],
  [href*="//bing.com/maps"],
  [href*="//www.openstreetmap.org/"],
  [href*="//openstreetmap.org/"]
):is(:hover,:focus-visible,:active){color:#164d82}