/* GodDivine.org global responsive compatibility layer.
   Keeps the existing desktop design while improving tablets, phones, touch devices, and narrow laptop windows. */
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%;height:auto}
iframe{max-width:100%}
pre,code,.page,.card,.mini,.notice{overflow-wrap:anywhere;word-break:break-word}

@media (max-width:1180px) and (pointer:coarse){
  body{padding-left:0!important}
  #sidebar{transform:translateX(-105%);transition:.25s;width:min(88vw,320px)}
  #sidebar.open{transform:translateX(0)}
  .menu-btn{display:block}
  header{padding-left:62px}
  #topNav{display:none}
  main{padding:18px}
  .hero,.page{max-width:100%;padding:24px;border-radius:20px}
  .grid,.trust-row,.choices,.form-grid,.mini-body{grid-template-columns:1fr!important}
  .actions{width:100%}
  .page input,.page textarea,.page select,.btn{max-width:100%}
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media (max-width:760px){
  body{padding-left:0!important}
  main{padding:12px}
  .hero,.page{padding:18px;border-radius:18px}
  .hero{min-height:auto}
  .grid,.trust-row,.choices,.form-grid,.mini-body{grid-template-columns:1fr!important}
  .actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .actions .btn,.btn{width:100%;min-width:0}
  header{min-height:64px;padding-right:12px}
  .promo{padding:9px 12px;font-size:.92rem}
  .certificate{max-width:100%;overflow:hidden}
  .mini-body aside{display:none}
}

@media (max-width:430px){
  main{padding:8px}
  .hero,.page{padding:15px;border-radius:15px}
  .hero h1{font-size:clamp(2rem,12vw,2.35rem)}
  .page h1{font-size:clamp(1.8rem,10vw,2.35rem)}
  .logo{width:54px;height:54px}
  .menu-btn{top:9px;left:9px}
}