/* Global mobile-safe overrides across DataLeakz pages */
@media (max-width: 900px){
  body{overflow-x:hidden;}
  img,svg,video,canvas,iframe{max-width:100%;height:auto;}
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
}

@media (max-width: 768px){
  html,body{font-size:14px;}

  nav{padding-left:12px !important;padding-right:12px !important;}

  .container,.content,.page,.main,.wrapper,.wrap,.section,
  .hero,.hero-inner,.hero-content,.grid,.cards,
  .blog-wrap,.article-wrap,.news-wrap,.dashboard-wrap,
  .form-wrap,.login-wrap,.tools-wrap{
    max-width:100%;
  }

  .page,.main,.container,.wrapper,.wrap,.content,
  .blog-wrap,.article-wrap,.news-wrap,.dashboard-wrap,
  .form-wrap,.tools-wrap{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .grid,.cards,.stats,.features,.kpis,.tools-grid,.news-grid,.posts-grid{
    grid-template-columns:1fr !important;
  }

  .btn,button,[type='button'],[type='submit'],[role='button']{
    min-height:42px;
  }

  input,select,textarea{
    min-height:42px;
    font-size:16px;
  }

  pre,code,.code,.code-box{overflow-x:auto;max-width:100%;}
}

@media (max-width: 480px){
  h1{font-size:clamp(1.6rem,8vw,2rem) !important;line-height:1.2;}
  h2{font-size:clamp(1.2rem,6vw,1.5rem) !important;}
}