/* GODDO V58 — mobile viewport, legibility, premium polish */
html{scroll-behavior:smooth!important;scroll-padding-bottom:170px!important}
body{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
@media(max-width:760px){
  html,body{min-height:100%!important;height:auto!important;overflow-y:auto!important}
  .main-content{overflow:visible!important;height:auto!important;min-height:100svh!important;padding-bottom:calc(180px + env(safe-area-inset-bottom,0px))!important}
  .page.active{overflow:visible!important;max-height:none!important;height:auto!important;padding-bottom:50px!important}
  .mobile-bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important}
  .mobile-nav-button small{font-size:13px!important;line-height:1.2!important}
  .page-heading p,.content-card p,.content-card li,.visual-practice-card p,.gva-turkish{font-size:17px!important;line-height:1.65!important}
  .stat-label,.level-caption,.visual-progress,.visual-question-label,.ai-muted,.ai-hint,.goddo-placement-note{font-size:15px!important}
  .gva-tile small,.gva-level,.gva-film-top,.gva-speaker{font-size:15px!important}
  .goddo-feature small{font-size:15px!important}
  .goddo-feature strong{font-size:19px!important}
  .gva-controls button,.gva-test button,.visual-answer,.goddo-exam-option,.nav-button{min-height:52px!important;font-size:17px!important}
  .modal,.ece-lesson-modal,[role="dialog"]{max-height:calc(100dvh - 20px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
  .modal-body{max-height:calc(100dvh - 135px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:35px!important}
  .ai-messages{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}
  .goddo-premium-hero,.hero-card{background-image:radial-gradient(circle at 85% 15%,rgba(240,200,115,.14),transparent 46%),linear-gradient(140deg,#1c4052,#0b1b30)!important;border:1px solid rgba(245,209,134,.45)!important;box-shadow:0 16px 45px #0007!important}
  button:focus-visible,a:focus-visible{outline:3px solid #f5d186!important;outline-offset:3px!important}
}
@media(max-width:390px){.mobile-nav-button small{font-size:12px!important}.main-content{padding-bottom:calc(180px + env(safe-area-inset-bottom,0px))!important}}