/* Main and section homepages: match /travel/'s compact brand geometry.
   Existing mark hover/focus/active rules continue to control animation. */
body[data-brand-layout="travel"] :is(.site-head, .tools-shell-head) :is(.head-in, .tools-shell-inner) {
  box-sizing: border-box;
  width: 100%;
  max-width: 1320px;
  margin-inline: auto;
  padding: 0 clamp(22px, 5.2vw, 84px);
  min-height: 72px;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  grid-template-rows: 72px;
  align-items: center;
  gap: 0 24px;
}
body[data-brand-layout="travel"] :is(.site-head, .tools-shell-head) :is(a.brand, a.tools-shell-brand) {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  align-self: center;
  width: max-content;
  min-width: 0;
  margin: 0;
  padding: 0;
  gap: 9px;
  white-space: nowrap;
}
body[data-brand-layout="travel"] :is(.site-head, .tools-shell-head) :is(.mark-wrap, .mark, .site-mark, .tools-shell-mark) {
  box-sizing: border-box;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  margin: 0;
  padding: 0;
}
body[data-brand-layout="travel"] .site-head .mark-shadow {
  width: 34px;
  height: 34px;
}
body[data-brand-layout="travel"] :is(.brand-copy, .tools-shell-copy) {
  display: block;
  margin: 0;
  padding: 0;
}
body[data-brand-layout="travel"] :is(.brand-copy, .tools-shell-copy) strong {
  display: block;
  margin: 0;
  padding: 0;
  font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.75 !important;
  letter-spacing: .015em !important;
  color: #172b36;
}
body[data-brand-layout="travel"] :is(.brand-copy, .tools-shell-copy) small {
  display: none;
}
body[data-brand-layout="travel"] :is(.site-head, .tools-shell-head) :is(.nav, .tools-shell-nav) {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
  min-width: 0;
  max-width: 100%;
  width: auto;
  margin: 0;
}
@media (max-width: 1110px) {
  body[data-brand-layout="travel"] :is(.brand-copy, .tools-shell-copy) strong { font-size: 12px !important; }
}
@media (max-width: 700px) {
  body[data-brand-layout="travel"] :is(.site-head, .tools-shell-head) :is(.head-in, .tools-shell-inner) {
    padding-inline: 20px;
    min-height: 64px;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 64px auto;
  }
  body[data-brand-layout="travel"] :is(.site-head, .tools-shell-head) :is(.nav, .tools-shell-nav) {
    grid-column: 1;
    grid-row: 2;
    justify-self: stretch;
    width: 100%;
  }
}
@media (max-width: 570px) {
  body[data-brand-layout="travel"] :is(.site-head, .tools-shell-head) :is(.mark-wrap, .mark, .site-mark, .tools-shell-mark) {
    width: 29px;
    height: 29px;
    flex-basis: 29px;
  }
  body[data-brand-layout="travel"] .site-head .mark-shadow { width: 29px; height: 29px; }
  body[data-brand-layout="travel"] :is(.brand-copy, .tools-shell-copy) strong {
    font-size: 11px !important;
    letter-spacing: -.03em !important;
  }
}