.travel-regions-page { color: var(--mtt-text); }.travel-regions-page .eyebrow { color: var(--mtt-blue-dark); }.travel-regions-page .region-text-link,
.travel-regions-page .region-back {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  font-weight: 500;
  text-decoration: none;
}.travel-regions-page .region-text-link:hover,
.travel-regions-page .region-back:hover { text-decoration: underline; text-underline-offset: 4px; }.mtt-page .travel-regions-page > .region-explorer { padding-block: 24px 48px; }.region-explorer-layout { display: grid; align-items: start; gap: 40px; }.region-explorer.is-interactive .region-explorer-layout { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }.region-choice-directory { grid-column: 1; grid-row: 1; }.region-map-preview {
  position: sticky;
  top: 110px;
  grid-column: 2;
  grid-row: 1;
  align-self: start;
  padding: 16px 0 20px 24px;
  border-left: 1px solid var(--mtt-line);
  background: var(--mtt-surface);
}.region-map-selection { margin-top: 20px; }.region-map-selection h3 { margin: 0 0 8px; }.region-map-selection p { color: var(--mtt-muted); font-size: .9rem; line-height: 1.6; }.region-map-selection .region-map-count { margin-bottom: 8px; }.region-map-count strong { margin-right: 4px; color: var(--mtt-navy); font-weight: 500; }.region-map-preview [data-has-shapes="true"] .region-map-caption { display: none; }.travel-regions-page .region-map-stage { min-width: 0; }.region-map-toolbar { display: flex; justify-content: space-between; gap: 16px; align-items: center; }.region-map-legend { display: inline-flex; gap: 8px; align-items: center; color: var(--mtt-muted); font-size: .8rem; }.region-map-legend::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #8eb7ed; flex-shrink: 0; }.region-map-views { display: inline-flex; gap: 3px; padding: 3px; border-radius: 8px; background: var(--mtt-soft); }.region-map-views button {
  min-height: 38px;
  padding: 6px 13px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--mtt-muted);
  font-size: .8rem;
  font-weight: 500;
}.region-map-views button[aria-pressed="true"] { background: #e2edfc; color: var(--mtt-blue-dark); }.region-map-views button:disabled { opacity: .5; cursor: default; }.mtt-page .travel-regions-page .region-map {
  min-height: 0;
  aspect-ratio: 2 / 1;
  margin-top: 12px;
  border: 0;
  background: transparent;
}.mtt-page .travel-regions-page .world-svg-map {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none;
  transform: none;
}.travel-regions-page .world-svg-map path,
.travel-regions-page .world-svg-map path:hover {
  fill: #edf1f5;
  stroke: #fff;
  stroke-width: .7;
  vector-effect: non-scaling-stroke;
  cursor: default;
  transition: fill 160ms ease;
}.travel-regions-page .world-svg-map path.is-region-highlight { fill: #9bbfee; stroke: #fff; }.travel-regions-page .world-svg-map path.is-region-highlight:hover { fill: #689de2; }.region-map-caption { min-height: 22px; margin: 10px 0 0; color: var(--mtt-muted); text-align: center; font-size: .8rem; }.region-map-hint { color: var(--mtt-muted); font-size: .85rem; font-weight: 400; }.mtt-page .travel-regions-page > .travel-regions-nearby { padding-block: 8px; }.travel-regions-nearby { display: grid; grid-template-columns: 1fr 1.5fr; gap: 24px; align-items: center; }.travel-regions-nearby h2 { margin: 0; }.travel-regions-nearby__links { display: flex; flex-wrap: wrap; gap: 8px 20px; }.travel-regions-nearby__links a { padding-block: 10px; font-size: .9rem; }.travel-regions-page .region-browser-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
  align-items: end;
  gap: 24px;
  margin-bottom: 28px;
  padding: 0;
  border: 0;
}.region-browser-heading h2 { margin: 0; }.region-browser-heading p:not(.eyebrow) { margin: 10px 0 0; color: var(--mtt-muted); line-height: 1.6; }.travel-regions-page .region-search { display: grid; gap: 8px; margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }.region-search > span { color: var(--mtt-muted); font-size: .8rem; font-weight: 500; }.travel-regions-page .region-search input {
  width: 100%;
  min-height: 48px;
  padding: 10px 14px;
  border: 1px solid var(--mtt-line);
  background: var(--mtt-surface);
  color: var(--mtt-navy);
  font: inherit;
}.region-group-stack { display: grid; gap: 28px; }.travel-regions-page .region-group { display: block; padding: 20px 0 0; border: 0; border-top: 1px solid var(--mtt-line); }.region-group-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-bottom: 12px; padding: 0; border: 0; }.region-group-heading h3 { margin: 0; }.region-group-heading > span { color: var(--mtt-muted); font-size: .8rem; font-weight: 400; }.region-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; }.travel-regions-page .region-choice {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 9px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--mtt-text);
  text-align: left;
  text-decoration: none;
  font: inherit;
  transition: background 160ms ease;
}.region-choice .mtt-travel-art { width: 32px; margin: 0; }.region-choice:not(:has(.mtt-travel-art)) { grid-template-columns: minmax(0, 1fr) auto; }.region-choice strong { font-size: .875rem; font-weight: 400; line-height: 1.45; }.region-choice em { flex-shrink: 0; color: var(--mtt-muted); font-size: .75rem; font-style: normal; font-weight: 400; }.travel-regions-page .region-choice:hover { background: var(--mtt-soft); }.travel-regions-page .region-choice[aria-pressed="true"] { background: #eaf2fe; color: var(--mtt-blue-dark); }.region-choice[aria-pressed="true"] strong { font-weight: 500; }.region-choice[aria-pressed="true"] em { color: var(--mtt-blue-dark); }.region-empty { padding: 28px 0; color: var(--mtt-muted); }.mtt-page .travel-region-detail > .region-detail-heading { margin-bottom: 24px; padding: 24px 0 0; }.region-back { font-size: .9rem; }.region-detail-intro { display: grid; grid-template-columns: minmax(0, 1fr) 200px; align-items: center; gap: 64px; padding: 22px 0 16px; }.region-detail-intro h1 { max-width: 740px; margin: 0 0 16px; color: var(--mtt-navy); font-size: clamp(2rem, 3.7vw, 3rem); font-weight: 500; line-height: 1.15; text-wrap: balance; }.region-detail-intro .lead { max-width: 620px; margin: 0 0 12px; color: var(--mtt-muted); font-size: 1.05rem; line-height: 1.65; }.region-detail-intro .mtt-travel-art { width: 200px; margin: 0; }.mtt-page .travel-region-detail > .region-detail-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr);
  gap: 56px;
  align-items: center;
  padding-block: 28px;
  border-block: 1px solid var(--mtt-line);
}.mtt-page .travel-region-detail .region-map { aspect-ratio: 1.7 / 1; }.region-detail-notes h2 { margin: 0 0 16px; }.region-detail-notes p:not(.eyebrow) { color: var(--mtt-muted); line-height: 1.7; font-size: .95rem; }.region-planning-links { display: grid; margin-top: 20px; }.region-planning-links a { display: flex; justify-content: space-between; gap: 14px; padding: 13px 0; border-bottom: 1px solid var(--mtt-line); font-size: .9rem; }.mtt-page .travel-region-detail > .region-country-section { padding-block: 28px; margin-bottom: 20px; }.region-total { display: inline; margin-left: 8px; color: var(--mtt-muted); font-size: 1rem; font-weight: 400; }.region-country-table { width: 100%; border-collapse: collapse; font-size: .95rem; }.region-country-table :is(th, td) { padding: 18px 16px; text-align: left; border-bottom: 1px solid var(--mtt-line); font-weight: 400; }.region-country-table thead th { padding-block: 13px; color: var(--mtt-muted); background: var(--mtt-soft); font-size: .78rem; }.region-country-table th:first-child { padding-left: 16px; width: 38%; }.region-country-table td { color: var(--mtt-muted); }.region-country-table tbody tr:hover { background: #fafcff; }.region-country-link { display: flex; align-items: center; gap: 14px; min-height: 30px; color: var(--mtt-navy); font-weight: 500; }.region-country-link img { flex-shrink: 0; width: 30px; height: 22px; border-radius: 2px; object-fit: contain; }.region-country-arrow { margin-left: auto; color: var(--mtt-blue-dark); font-size: .9rem; }.region-country-codes { white-space: nowrap; font-size: .85rem; }.region-country-codes > span { margin-inline: 6px; color: #929bad; }.region-near-you { display: block; color: var(--mtt-blue-dark); font-size: .73rem; font-weight: 400; }.region-directory-link { margin-top: 24px; }@media (max-width: 1000px) {
  .region-explorer-layout { gap: 24px; }
  .region-map-preview { padding-left: 16px; }
  .region-choice-grid { gap: 4px; }
  .mtt-page .travel-region-detail > .region-detail-overview { gap: 28px; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
  .region-detail-intro { gap: 24px; }
}@media (max-width: 760px) {
  .region-explorer.is-interactive .region-explorer-layout { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .region-choice-directory { grid-column: 1; grid-row: 2; }
  .region-map-preview {
    grid-column: 1;
    grid-row: 1;
    top: 74px;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 12px;
    padding: 8px 0 10px;
    border-left: 0;
    border-bottom: 1px solid var(--mtt-line);
  }
  .region-map-preview .region-map-stage { grid-column: 1 / -1; }
  .mtt-page .region-map-preview .region-map { aspect-ratio: 2.6 / 1; margin-top: 4px; }
  .region-map-preview .region-map-selection { margin-top: 8px; }
  .region-map-preview .region-map-selection h3 { margin-bottom: 2px; font-size: .9rem; }
  .region-map-preview .region-map-selection p { margin: 0; font-size: .75rem; }
  .region-map-preview [data-region-description] { display: none; }
  .region-map-preview .region-text-link { align-self: end; font-size: .8rem; gap: 6px; }
  .region-map-preview .region-map-hint { margin-bottom: 0; font-size: .7rem; }
  .region-choice-directory .region-choice { scroll-margin-top: 390px; }
  .travel-regions-page .region-browser-heading,
  .travel-regions-nearby { grid-template-columns: minmax(0, 1fr); }
  .mtt-page .travel-region-detail > .region-detail-overview { grid-template-columns: minmax(0, 1fr); }
  .region-detail-notes { padding-top: 8px; }
  .region-detail-intro { grid-template-columns: minmax(0, 1fr) 100px; gap: 20px; }
  .region-detail-intro .mtt-travel-art { width: 100px; }
  .region-detail-intro h1 { font-size: 2rem; }
  .region-country-table th:first-child { width: auto; }
  .region-country-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .region-country-table :is(tbody, tr, th, td) { display: block; }
  .region-country-table tbody tr { padding: 16px 0; border-bottom: 1px solid var(--mtt-line); }
  .region-country-table :is(th, td), .region-country-table th:first-child { padding: 5px 0; border: 0; }
  .region-country-table tbody th { margin-bottom: 7px; }
  .region-country-table td[data-label] { display: grid; grid-template-columns: 86px minmax(0, 1fr); column-gap: 10px; font-size: .85rem; }
  .region-country-table td[data-label]::before { content: attr(data-label); color: var(--mtt-muted); font-size: .8rem; }
  .region-country-table td.region-country-codes { display: block; }
  .region-country-codes::before { display: inline-block; width: 96px; }
}@media (max-width: 520px) {
  .region-choice-grid { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .region-choice strong { font-size: .8rem; }
  .region-choice em { font-size: .7rem; }
  .region-map-toolbar { gap: 8px; }
  .region-map-legend { max-width: 130px; font-size: .72rem; }
  .region-map-views button { min-height: 44px; padding-inline: 10px; }
  .region-detail-intro { grid-template-columns: minmax(0, 1fr); }
  .region-detail-intro .mtt-travel-art { display: none; }
  .mtt-page .travel-region-detail > .region-detail-heading { padding-top: 12px; }
}@media (max-width: 760px) and (max-height: 650px) {
  .region-map-preview { position: static; }
  .region-choice-directory .region-choice { scroll-margin-top: 110px; }
}@media (prefers-reduced-motion: reduce) {
  .travel-regions-page .world-svg-map path,
  .travel-regions-page .region-choice { transition: none; }
}