/* Shared typography and reading layout for every tour tab. */
@layer tour-content {
  body[data-page="tour"] {
    --tour-copy-color: #173a4f;
    --tour-copy-font: Arial, Helvetica, sans-serif;
    --tour-heading-font: Georgia, "Times New Roman", serif;
    --tour-copy-size: 17px;
    --tour-title-size: 40px;
    --tour-subtitle-size: 26px;
    --tour-label-size: 16px;
    --tour-content-gap: 32px;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) {
    width: min(1080px, calc(100% - 64px)) !important;
    max-width: 1080px !important;
    margin-inline: auto !important;
    padding: 48px 0 !important;
    color: var(--tour-copy-color) !important;
    font-family: var(--tour-copy-font) !important;
    font-size: var(--tour-copy-size) !important;
    line-height: 1.75 !important;
    text-align: start !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) :is(h2, h3, h4) {
    color: var(--tour-copy-color) !important;
    -webkit-text-fill-color: var(--tour-copy-color) !important;
    font-family: var(--tour-heading-font) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1.2 !important;
    letter-spacing: -0.025em !important;
    text-align: start !important;
    text-transform: none !important;
    margin: 0 0 16px !important;
    max-width: 100% !important;
    width: auto !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) h2 { font-size: var(--tour-title-size) !important; }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) :is(h3, h4) { font-size: var(--tour-subtitle-size) !important; }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) :is(p, li, figcaption) {
    color: var(--tour-copy-color) !important;
    -webkit-text-fill-color: var(--tour-copy-color) !important;
    font-family: var(--tour-copy-font) !important;
    font-size: var(--tour-copy-size) !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1.75 !important;
    letter-spacing: normal !important;
    text-align: start !important;
    text-align-last: auto !important;
    text-transform: none !important;
    max-width: 72ch !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) p { margin: 0 0 16px !important; }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) :is(.eyebrow, .journey-day > b:first-child, .aq-step-heading > span) {
    display: block !important;
    color: var(--tour-copy-color) !important;
    -webkit-text-fill-color: var(--tour-copy-color) !important;
    font: 600 var(--tour-label-size)/1.5 var(--tour-copy-font) !important;
    letter-spacing: 0.04em !important;
    text-transform: none !important;
    text-align: start !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) :is(.overview-editorial-v4__label, .overview-journey-essentials-label) {
    font: 400 var(--tour-subtitle-size)/1.2 var(--tour-heading-font) !important;
    letter-spacing: -0.025em !important;
    margin: var(--tour-content-gap) 0 14px !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) :is(.journey-heading, .overview-editorial-v4__head) {
    display: block !important;
    margin: 0 0 var(--tour-content-gap) !important;
    padding: 0 !important;
    text-align: start !important;
    width: 100% !important;
    max-width: none !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) :is(
    .overview-editorial-v4__layout, .overview-editorial-v4__info,
    .overview-editorial-v4__intro, .overview-editorial-v4__block,
    .journey-reading, .journey-days, .journey-day,
    .journey-highlight-city, .journey-inclusions, .journey-inclusions > div,
    .journey-route-map, .aq-contact-card, .aq-contact-aside, .aq-form-panel
  ) {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    text-align: start !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) :is(
    .overview-editorial-v4__info, .overview-editorial-v4__intro,
    .overview-editorial-v4__block, .journey-reading, .journey-days
  ) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) :is(
    .eyebrow, .overview-editorial-v4__info, .overview-editorial-v4__block,
    .journey-day, .journey-highlight-city, .journey-inclusions > div
  )::before,
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) :is(
    .eyebrow, .overview-editorial-v4__info, .overview-editorial-v4__block,
    .journey-day, .journey-highlight-city, .journey-inclusions > div
  )::after {
    content: none !important;
    display: none !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .overview-editorial-v4__layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "info" "map" !important;
    gap: var(--tour-content-gap) !important;
    justify-items: stretch !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-route-map {
    position: static !important;
    width: min(100%, 760px) !important;
    max-width: 760px !important;
    margin: 0 !important;
    justify-self: start !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-route-map img {
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-stops-row {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-stops {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-day {
    display: block !important;
    margin: 0 0 var(--tour-content-gap) !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-highlights-grid,
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-inclusions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--tour-content-gap) 56px !important;
    align-items: start !important;
    margin: 0 !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) :is(.journey-highlight-city, .journey-inclusions > div) {
    margin: 0 !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) :is(.journey-highlight-city, .journey-inclusions) ul {
    display: block !important;
    list-style: disc outside !important;
    margin: 0 !important;
    padding: 0 0 0 1.2em !important;
    padding-inline: 1.2em 0 !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) :is(.journey-highlight-city, .journey-inclusions) li {
    display: list-item !important;
    padding: 0 !important;
    margin: 0 0 10px !important;
    background: transparent !important;
    border: 0 !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) :is(.journey-highlight-city, .journey-inclusions) li::before {
    content: none !important;
    display: none !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-panel-booking-cta {
    margin-top: 40px !important;
  }
  @media (max-width: 959px) {
    body[data-page="tour"] {
      --tour-copy-size: 16px;
      --tour-title-size: 30px;
      --tour-subtitle-size: 23px;
      --tour-content-gap: 28px;
    }
    body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) {
      width: calc(100% - 36px) !important;
      padding-block: 32px !important;
    }
    body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-highlights-grid,
    body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-inclusions {
      grid-template-columns: minmax(0, 1fr) !important;
    }
  }
}

@layer tour-content {
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .overview-editorial-v4__layout {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    grid-template-areas: "info map" !important;
    gap: 56px !important;
    align-items: center !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .overview-editorial-v4__info {
    display: block !important;
    align-self: start !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) :is(.overview-journey-essentials-label, .overview-journey-essentials-copy, .overview-editorial-v4__label) {
    width: auto !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
    align-self: stretch !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-route-map {
    width: 100% !important;
    max-width: none !important;
    align-self: center !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-route-map img {
    width: 100% !important;
    height: auto !important;
    max-height: 620px !important;
    object-fit: contain !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-route-map figcaption {
    padding: 16px 0 0 !important;
    margin: 0 !important;
  }
  @media (max-width: 959px) {
    body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .overview-editorial-v4__layout {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-areas: "info" "map" !important;
      gap: var(--tour-content-gap) !important;
    }
    body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-route-map {
      max-width: 540px !important;
      margin-inline: auto !important;
      justify-self: center !important;
    }
  }
}

@layer tour-content {
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .overview-editorial-v4__label {
    display: block !important;
    width: 100% !important;
    text-align: start !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-days {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: var(--tour-content-gap) 56px !important;
    align-items: start !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-day { margin: 0 !important; }
  @media (max-width: 959px) {
    body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-days { grid-template-columns: minmax(0, 1fr) !important; }
  }
}

@layer tour-content {
  @media (min-width: 960px) {
    body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-highlights-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
  }
  @media (max-width: 959px) {
    body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"])
      :is(p, li, figcaption):not(.eyebrow):not(.overview-editorial-v4__label):not(.overview-journey-essentials-label) {
      text-align: start !important;
      text-align-last: auto !important;
    }
  }
}

@layer tour-content {
  @media (max-width: 959px) {
    body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"])
      :is(h2, h3, h4, .eyebrow, .overview-editorial-v4__label, .overview-journey-essentials-label, .journey-day > b:first-child) {
      text-align: center !important;
      text-align-last: center !important;
    }
  }
}

@layer tour-content {
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-highlight-city h3 {
    text-align: center !important;
    text-align-last: center !important;
  }
}

@layer tour-content {
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-highlights-grid {
    column-gap: 36px !important;
    row-gap: 24px !important;
  }
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-highlight-city p {
    margin-bottom: 0 !important;
  }
  @media (max-width: 959px) {
    body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-highlights-grid {
      row-gap: 22px !important;
    }
  }
}

@layer tour-content {
  @media (min-width: 960px) {
    body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"]) .journey-highlight-city h3 {
      text-align: left !important;
      text-align-last: left !important;
    }
  }
}

@layer tour-content {
  body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"])
    :is(.eyebrow, .journey-day > b:first-child) {
    color: #8a642f !important;
    -webkit-text-fill-color: #8a642f !important;
  }
}

@layer tour-content {
  @media (max-width: 959px) {
    body[data-page="tour"] [data-tour-panel]:not([data-tour-panel="booking"])
      :is(p, li, figcaption).tour-copy--single-line:not(.eyebrow):not(.overview-editorial-v4__label):not(.overview-journey-essentials-label) {
      text-align: center !important;
      text-align-last: center !important;
    }
  }
}
