/* Mobile reading rhythm for the wedding timeline guide. */
@media (max-width: 575.98px) {
  .guide-page .breadcrumb-nav {
    padding: 20px 24px 0;
  }

  .guide-page .guide-intro {
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .guide-intro h1 {
    margin-bottom: 16px;
  }

  .guide-intro > .text-link {
    display: inline-block;
    margin-top: 16px;
  }

  .guide-body > figure:first-child {
    margin: 0 0 28px;
  }

  .guide-body h2 {
    margin: 32px 0 16px;
  }

  .guide-body > figure + h2,
  .guide-body .planning-grid h2,
  .guide-body .story-callout h2 {
    margin-top: 0;
  }

  .guide-body p + p {
    margin-top: 16px;
  }

  .guide-body .planning-grid {
    gap: 32px;
    margin: 32px 0;
  }

  .guide-body ol,
  .guide-body ul {
    padding-left: 24px;
  }

  .guide-body .planning-grid ol,
  .guide-body li:last-child {
    margin-bottom: 0;
  }

  .guide-body .story-callout {
    margin-top: 32px;
  }
}