/* GIndia Kids - site-wide mobile/scroll safety */
html, body { width:100%; max-width:100%; min-height:100%; }
html { overflow-x:hidden !important; overflow-y:auto !important; }
body { overflow-x:hidden !important; overflow-y:auto !important; min-height:100svh; }
*, *::before, *::after { box-sizing:border-box; }
img, video, canvas, svg, iframe { max-width:100%; }
pre, code { max-width:100%; overflow-x:auto; }
table { max-width:100%; }
button, a, input, select, textarea { max-width:100%; }
button, .btn, a { -webkit-tap-highlight-color:transparent; }
body, main, .page, .wrap, .container, .content, .app, .shell { max-height:none !important; }
.nav, header nav { width:100%; max-width:100%; }
.nav { flex-wrap:wrap; }
.navlinks { max-width:100%; }
h1, h2, h3, h4, h5, h6, p, a, span, div, article { overflow-wrap:anywhere; }
.grid, .cards, .card-grid, .cats, .learning, .features, .items { width:100%; }
.pr-adsense-slot { width:100%; max-width:100%; min-height:0 !important; height:auto !important; margin:12px auto !important; padding:0 8px !important; }
@media (max-width: 768px) {
  .nav { padding:9px 10px !important; gap:8px !important; }
  .navlinks { width:100%; justify-content:center; }
  .hero { width:100% !important; max-width:100% !important; padding-left:12px !important; padding-right:12px !important; }
  .section, .wrap, .container, .content { width:100% !important; max-width:100% !important; padding-left:10px !important; padding-right:10px !important; }
  .grid, .cats { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:10px !important; }
  .learning { grid-template-columns:1fr !important; }
  .card, .cat, .learn, .story { min-width:0 !important; }
  .toolbar, .actions { flex-wrap:wrap !important; }
  .toolbar > *, .actions > * { min-width:0 !important; flex:1 1 130px; }
}
@media (max-width: 480px) {
  .grid, .cats { grid-template-columns:1fr !important; }
  .hero h1 { font-size:clamp(27px,9vw,38px) !important; }
  .story p { font-size:16px !important; line-height:1.65 !important; }
  .card, .cat { padding:14px !important; }
  .actions { position:static !important; }
}