/* ==========================================================================
   ARTICLE MOBILE & SAFARI FIXES — HouseMed
   Shared across all article pages
   ========================================================================== */

/* Body padding to prevent fixed bar from covering content */
body{padding-bottom:80px}

/* CTA buttons — 44px minimum touch target */
.cta-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}

/* Tables — horizontal scroll on mobile */
.tbl{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* 2-column grids collapse to 1 column on mobile */
@media(max-width:640px){
  [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}
  [style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr !important}
  .tbl{font-size:.78rem}
  .tbl th,.tbl td{padding:8px 10px}
}

/* Mobile — general spacing and sizing */
@media(max-width:520px){
  body{padding-bottom:100px}
  .hd{height:56px;padding:0 16px}
  .ctn{padding:0 16px}
  .hero h1{font-size:1.5rem}
  .prose h2{font-size:1.15rem}
  .prose h3{font-size:1rem}
  .cta-box{padding:24px 20px !important;margin:32px 0 !important}
  .checklist li{gap:8px;padding:8px 0}

  /* Fixed bottom CTA bar — stack vertically on mobile */
  body>div[style*="position:fixed"][style*="bottom:0"]{
    flex-direction:column !important;
    gap:8px !important;
    padding:12px 16px !important;
    text-align:center !important
  }
  body>div[style*="position:fixed"][style*="bottom:0"] a{
    width:100% !important;
    min-height:44px !important;
    padding:12px 20px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important
  }
  body>div[style*="position:fixed"][style*="bottom:0"] span{
    font-size:.78rem !important
  }
}

/* Very small phones */
@media(max-width:374px){
  .ctn{padding:0 12px}
  .hero h1{font-size:1.35rem}
  .prose h2{font-size:1.05rem}
  .lc-end__title{font-size:1.1rem}
}

/* Accessibility: reduced motion */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important
  }
}