/* hecg-fix.css — 23 Oct 2026 mobile layout fixes (CSS only) */
input,select,textarea{max-width:100%;box-sizing:border-box}
/* keep page content clear of the fixed bottom dock + iPhone home bar */
body:has(#hecg-dock){padding-bottom:calc(76px + env(safe-area-inset-bottom,0px)) !important}
/* hide the Netlify badge if Netlify still injects it */
#nl-badge,.nl-badge,nl-badge,[class^="nl-badge"]{display:none !important}
@media (max-width:360px){
  #hecg-dock{gap:4px !important;column-gap:4px !important}
  #hecg-dock>a,#hecg-dock>button{min-width:34px !important;width:34px !important;margin-left:0 !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important}
  #hecg-dock #hecg-ms-bar{padding:3px 4px !important;gap:2px !important}
  #hecg-dock #hecg-ms-bar button{min-width:26px !important;padding:0 2px !important}
}
@media (max-width:360px){
  .reg2{grid-template-columns:1fr !important}               /* hub free-report form */
  form#form{grid-template-columns:minmax(0,1fr) !important} /* zwds birth form */
  form#form>*{grid-column:1/-1 !important;min-width:0}


  .wrap>header,.wrap>header>div{flex-wrap:wrap !important}  /* miracle header */
  #hecg-social{flex-wrap:wrap !important;max-width:100vw}
  .c-name,.c-name *{min-width:0 !important}
  #f-name{width:100% !important}
}
/* luopan / sanhe controls: let the row wrap at any phone width */
div:has(>#wOutSel),div:has(>#degIn){flex-wrap:wrap !important}
#wOutSel,#degIn{min-width:0 !important;max-width:100% !important}