/* Consistent frames and gutters across Sana's two pages. */
body[data-shoulder] .sana-unified-hero .shoulder-intro > .actions,
body[data-shoulder] .sana-unified-hero .shoulder-intro > .planned-scale {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
  width: 100%;
  max-width: none;
}
body[data-shoulder] .sana-unified-hero .shoulder-intro > .planned-scale { margin-top: 12px; }
body[data-shoulder] .sana-unified-hero .shoulder-intro .actions > a,
body[data-shoulder] .sana-unified-hero .shoulder-intro .planned-scale > div {
  width: 100%;
  min-width: 0;
  height: 72px;
  min-height: 72px;
  padding: 10px 12px;
  border-radius: 8px;
}
body[data-shoulder] .sana-unified-hero .shoulder-intro .actions > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  font-size: 11px;
  line-height: 1.35;
  white-space: normal;
}
body[data-shoulder] .sana-unified-hero .shoulder-intro .planned-scale > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
}
body[data-shoulder] .sana-unified-hero .shoulder-intro .planned-scale strong {
  font-size: 30px;
  line-height: 1;
}
body[data-shoulder] .sana-unified-hero .shoulder-intro .planned-scale span {
  font-size: 12px;
  line-height: 1.25;
  white-space: normal;
}
@media (min-width:1101px) {
  /* Both grids share the same outer edges and right-column width. */
  body[data-shoulder] .sana-unified-hero .atlas-copy {
    width: 92%;
    margin-inline: auto;
    grid-template-columns: minmax(0,1fr) clamp(256px,18.4vw,324px);
  }
  body[data-shoulder] .sana-unified-hero .shoulder-intro { width: 100%; }
  body[data-shoulder] .sana-unified-hero .sana-cake-ribbon { max-width: 1300px; }
  body[data-shoulder] .sana-unified-hero .shoulder-country-card {
    grid-template-rows: 38px minmax(0,1.2fr) minmax(170px,.8fr) 52px;
  }
}

/* Match the section edges, with equal space on the left and right. */
body[data-concept="atlas"] :is(.aahil-wonders,.atlas-destinations,.atlas-passport,.site-footer) {
  width: calc(100% - clamp(36px,9.6vw,144px));
  max-width: 1300px;
  margin-inline: auto;
}
body[data-shoulder] .wonders-console {
  padding: clamp(16px,2vw,28px);
  gap: 24px;
}
body[data-shoulder] .wonder-photo { transform: none; }
body[data-shoulder] .wonder-stamp,
body[data-shoulder] .wonder-stamp:hover,
body[data-shoulder] .wonder-stamp[aria-pressed="true"] {
  border-width: 1px;
  transform: none;
}
body[data-shoulder] .wonder-stamp-copy,
body[data-shoulder] .wonder-stamp[aria-pressed="true"] .wonder-stamp-copy {
  padding: 12px;
}
body[data-shoulder] .wonder-stamp strong { min-height: 2.44em; }
body[data-shoulder] .sana-unified-hero .sana-cake-slide-thumbs button,
body[data-shoulder] .sana-unified-hero .sana-cake-slide-thumbs button.is-active { transform: none; }
body[data-shoulder] :is(.sana-cake-card,.tour-city-card):hover { transform: none; }
body[data-shoulder] .continent-city-grid { align-items: stretch; }
body[data-shoulder] .tour-city-card > button {
  display: flex;
  flex-direction: column;
  height: 100%;
}
body[data-shoulder] .tour-city-photo { flex: 0 0 auto; }
body[data-shoulder] .tour-city-copy { flex: 1; }
body[data-shoulder] .tour-city-copy h5 { min-height: 2.4em; }
body[data-shoulder] .archive-country {
  display: flex;
  flex-direction: column;
  height: 100%;
}
body[data-shoulder] .archive-country .archive-card-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
}
body[data-shoulder] .archive-card-copy > strong { min-height: 2.2em; }
body[data-shoulder] .archive-card-copy > span { margin-top: auto; }

/* Eight creations form complete rows: four desktop, two tablet, one mobile. */
body[data-page="cakes"] { --sana-page-gutter: clamp(18px,5vw,72px); }
body[data-page="cakes"] :is(.cakes-hero,.cakes-collection,.cakes-footer) {
  padding-inline: var(--sana-page-gutter);
}
body[data-page="cakes"] .cakes-collection { max-width: none; }
body[data-page="cakes"] .cakes-footer {
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
}
body[data-page="cakes"] .sana-cake-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}
body[data-page="cakes"] .sana-cake-card > button {
  display: flex;
  flex-direction: column;
  height: 100%;
}
body[data-page="cakes"] .sana-cake-image { flex: 0 0 auto; width: 100%; }
body[data-page="cakes"] .sana-cake-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 18px;
}
body[data-page="cakes"] .sana-cake-copy strong { min-height: 2.6em; }
body[data-page="cakes"] .sana-cake-copy > span { margin-top: auto; }
@media (max-width:1100px) {
  body[data-page="cakes"] .sana-cake-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap:16px; }
}
@media (max-width:600px) {
  body[data-page="cakes"] .sana-cake-grid { grid-template-columns: minmax(0,1fr); }
  body[data-shoulder] .wonder-stamp strong { min-height: 2.44em; }
}
