/* Keep paired content together without changing the storytelling sequence. */
.wish-keepsake > div,
.contact-panel,
.reading-aside {
  min-width: 0;
}

.wish-keepsake details p,
.contact-panel a {
  overflow-wrap: anywhere;
}

@media (min-width: 761px) {
  main > .wrap {
    width: min(1080px, calc(100% - 80px));
  }

  .home-guide-link,
  .understand-intro,
  .topic-feature,
  .care-practice,
  .faq-layout,
  .product-connection,
  .collection-guide,
  .wish-story-bridge {
    column-gap: 48px;
  }

  .topic-editorial {
    max-width: none;
  }

  .choice-row {
    column-gap: 40px;
  }

  main > .story-head,
  main > .story-main {
    max-width: 1028px;
  }

  .story-main,
  .story-heading-grid {
    grid-template-columns: minmax(0, 740px) minmax(0, 240px);
    column-gap: 48px;
    justify-content: start;
  }

  .story-heading-grid:has(> div:only-child) {
    grid-template-columns: minmax(0, 740px);
  }

  .story-object-preview {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 12px;
    padding-left: 16px;
  }

  .story-object-preview img {
    width: 72px;
    height: 72px;
  }

  .story-object-preview strong {
    text-wrap: balance;
  }

  .about-grid {
    grid-template-columns: minmax(0, 340px) minmax(0, 1fr);
    column-gap: 48px;
  }

  .about-logo {
    margin-inline: 0;
    justify-self: start;
  }

  .wish-entry {
    padding-inline: 32px;
  }

  .ritual-welcome,
  .wish-entry .ritual-welcome {
    width: 100%;
    max-width: 960px;
    margin-inline: auto;
    grid-template-columns: minmax(0, 430px) minmax(0, 410px);
    column-gap: 64px;
    justify-content: center;
  }

  .ritual-welcome .ritual-box-art {
    justify-self: start;
    min-width: 0;
  }

  .ritual-welcome-copy {
    min-width: 0;
  }

  .ritual-top,
  .ritual-scene-heading {
    max-width: 1000px;
    margin-inline: auto;
  }

  .ritual-scene-layout {
    max-width: 1000px;
    grid-template-columns: minmax(0, 380px) minmax(0, 1fr);
    column-gap: 48px;
  }

  .ritual-deck {
    max-width: 1000px;
  }
}

@media (min-width: 761px) and (max-width: 1100px) {
  main > .wrap {
    width: calc(100% - 56px);
  }

  .home-guide-link,
  .understand-intro,
  .topic-feature,
  .care-practice,
  .faq-layout,
  .product-connection,
  .collection-guide,
  .wish-story-bridge,
  .choice-row {
    column-gap: 32px;
  }

  .story-main,
  .story-heading-grid {
    grid-template-columns: minmax(0, 1fr) 210px;
    column-gap: 32px;
  }

  .story-object-preview {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .about-grid {
    grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
    column-gap: 32px;
  }
}

@media (min-width: 761px) and (max-width: 1050px) {
  .ritual-welcome,
  .wish-entry .ritual-welcome {
    column-gap: 36px;
  }

  .ritual-scene-layout {
    grid-template-columns: minmax(0, 300px) minmax(0, 1fr);
    column-gap: 32px;
  }

  .ritual-detail-options button {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .ritual-option-action {
    display: none;
  }
}