/* LinkEase phone comfort (public theme the23) - 2026-10-18. Everything is inside max-width media queries: desktop is untouched. */
@media (max-width: 767.98px){
  img,video,iframe,svg{max-width:100%}
  pre,code{max-width:100%}
  pre{overflow-x:auto;-webkit-overflow-scrolling:touch}
  table{max-width:100%}
  .container{padding-inline:16px}

  /* tap targets */
  .navbar-toggler{min-height:44px;min-width:48px;display:inline-flex;align-items:center;justify-content:center}
  .navbar .nav-link,.navbar .dropdown-item{padding-block:.7rem}
  .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .btn-sm{min-height:40px}
  footer a,.footer a{display:inline-block;padding-block:.45rem}
  .form-control,.form-select{min-height:46px;font-size:16px}
  textarea.form-control{min-height:110px}
  .form-text,.small,small{font-size:.875rem}
  .form-label,label{font-size:.95rem}
  /* auth pages: helper links under fields were tiny */
  .form-group a,.form-group .small,.form-group small,form a.small,form .text-muted a{font-size:.9rem;display:inline-block;padding-block:.35rem}
  .form-check-input{width:1.35em;height:1.35em}

  /* blog / help */
  .breadcrumb-item a,.breadcrumb a{display:inline-block;padding-block:.6rem}
  .page-link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  a.small.text-muted{padding-block:.6rem !important;min-height:44px;display:inline-flex !important;align-items:center}
  .lep-copy{min-height:44px;min-width:72px}
  .card-body{padding:1.1rem}
  article img{height:auto}
  article table{display:block;overflow-x:auto}

  /* pricing: compact plan cards, features collapsed behind "Compare all features" */
  .pricing-container [data-pricing]{min-height:46px;padding-inline:1.1rem !important}
  .pricing-container .text-center.mb-5 > .d-inline-block{display:flex !important;width:100%;max-width:420px;margin-inline:auto;gap:4px}
  .pricing-container .text-center.mb-5 > .d-inline-block .btn{flex:1 1 0;min-width:0}
  .pricing-container [data-pricing="yearly"] .badge{position:static !important;transform:none !important;display:inline-block;margin-inline-start:.35rem !important;font-size:.7rem}
  .pricing.row{margin-top:2.5rem !important}
  .pricing .le-plan{margin-bottom:2.2rem !important}
  .pricing .le-plan > .p-5{padding:1.5rem 1.25rem 1.25rem !important}
  .pricing .le-plan .btn.mt-5{margin-top:1rem !important;padding-block:.8rem !important}
  .pricing .le-plan .card-body{padding:.25rem 1.25rem 1.25rem !important}
  .pricing .le-plan-feat{margin-bottom:.9rem !important}
  .pricing .le-plan-feat li{font-size:.95rem;margin-bottom:.6rem !important}
  .pricing .le-plan:not(.le-open) .le-plan-feat li:nth-child(n+6){display:none}
  .pricing .le-plan-feat li:nth-child(n+6){display:block}
  .pricing .le-plan-feat li .float-end{float:inline-end !important}
  .pricing .le-compare-btn{min-height:46px}
  .le-ai-band .btn{width:100%}
}
@media (min-width: 768px){ .le-compare-btn{display:none !important} }
@media (max-width: 575.98px){
  h1,.display-1,.display-2,.display-3,.display-4{overflow-wrap:anywhere}
  .py-8{padding-block:3rem !important}
  .le-ai-band{padding:1.1rem !important}
}