/* Dr Ana Borges — SHARED page foundation (tablet + mobile). Added 2026-11-07. Loaded on every page after responsive-shell.css and
   before the page-group file. Only rules that EVERY template needs live here; template-specific layout goes in responsive-<group>.css.
   All inside @media (max-width:1023px) => desktop/laptop (>=1024) untouched. Tokens (--hgutter etc.) come from responsive-shell.css. */

@media (max-width:1023px){
  .container{padding-left:var(--hgutter,32px);padding-right:var(--hgutter,32px);}
  html{scroll-padding-top:80px;}                       /* in-page anchors (#procedures …) clear the fixed header */

  /* tap targets >= 44px */
  .arrow{flex:none;width:44px;height:44px;min-width:44px;}
  .location-card a{display:inline-flex;align-items:center;min-height:44px;}
  .filter-pill{min-height:44px;display:inline-flex;align-items:center;}
  .blog-search input{min-height:44px;}
  .sidebar-box .sidebar-link,.blog-single-nav-title,.blog-single-nav a{display:inline-flex;align-items:center;min-height:44px;}
  .blog-card-body .read-more{display:inline-flex;align-items:center;min-height:44px;}
  .blog-pagination .page-numbers{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;}

  /* carousel header: title + arrows wrap instead of overflowing at 320 */
  .carousel-head{flex-wrap:wrap;gap:12px 16px;}
}

@media (max-width:699px){
  /* copy floor: every paragraph / list item >= 15px on phones (checker rule) */
  .module-note,.fine-print,.trust-bar-label,.criteria-card p,.location-card p,.blog-card-body p,.sidebar-box-cta p,.footer-bottom p{font-size:15px;}
  .trust-bar-label{letter-spacing:.12em;}
}