/* Mobile-first readability and CTA enhancements */
@media (max-width: 768px) {
  .post-content,
  .content,
  .markdown-body,
  .content-wrapper {
    max-width: 95% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin: 0 auto !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
  }

  .sidebar,
  .frame-left,
  .frame-right,
  .frame-border,
  .life-dev-sidebar,
  #life-dev-sidebar {
    display: none !important;
  }

  .main-container,
  main,
  .content-wrapper {
    width: 100% !important;
  }

  img {
    max-width: 100% !important;
    height: auto !important;
    margin: 1.2rem auto !important;
    display: block;
  }

  a {
    padding: 0 !important;
    display: inline !important;
  }

  .cta-button,
  a.button,
  body.centered-page .content a[href^="/products/"],
  body.dc-theme .content a[href^="/products/"],
  .products-stack a,
  .product-entry a {
    padding: 0.6rem 1rem !important;
    display: inline-flex !important;
    align-items: center;
    gap: 0.35rem;
  }

  .cta-container {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
    text-align: center !important;
  }

  p {
    text-align: left !important;
  }

  body.dc-theme .dc-body,
  body.dc-theme .dc-body p {
    text-align: center !important;
  }

  body.life-dev-page .content-wrapper p,
  body.centered-page .content p,
  body.centered-page .content-wrapper p,
  body.dc-theme .content p,
  body.dc-theme .content-wrapper p {
    text-align: inherit !important;
  }

  .life-dev-share-cta,
  .life-dev-sidebar-toggle,
  .life-dev-sidebar-overlay {
    display: none !important;
  }

  .post-content h1,
  .post-content h2,
  .post-content h3,
  .content h1,
  .content h2,
  .content h3,
  .markdown-body h1,
  .markdown-body h2,
  .markdown-body h3,
  .content-wrapper h1,
  .content-wrapper h2,
  .content-wrapper h3 {
    margin-top: 2rem !important;
  }

  p + p {
    margin-top: 1rem !important;
  }

  .mobile-cta {
    text-align: center !important;
    margin-top: 2.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .content-wrapper {
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
  }

  .centered-page main {
    width: 95% !important;
    padding: 1.2rem 0 !important;
    margin: 1.4rem auto !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* Life Dev landing: remove heavy frames and tighten width */
  body.landing.life-dev .life-dev-landing,
  body.landing.life-dev .life-dev-intro,
  body.landing.life-dev .life-dev-post-menu--landing {
    width: 95% !important;
    margin: 1.6rem auto !important;
    padding: 1.2rem !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* Payment/booking blocks: normalize text flow */
  .booking-widget__label {
    letter-spacing: normal !important;
    line-height: 1.4 !important;
    max-width: 26ch;
    margin: 0 auto;
  }
}