/* ==========================================================================
   RepeatText — responsive.css
   Mobile-first breakpoints layered on top of style.css
   ========================================================================== */

@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr;}
  .app-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}

@media (max-width:860px){
  .main-nav{
    position:fixed;inset:var(--header-h) 0 0 0;background:var(--surface-0);
    flex-direction:column;align-items:stretch;padding:16px;gap:2px;
    transform:translateX(100%);transition:transform .25s ease;overflow-y:auto;
    border-top:1px solid var(--border-1);
  }
  .main-nav.open{transform:translateX(0);}
  .main-nav a{padding:14px 16px;border-radius:12px;font-size:1rem;}
  .nav-toggle{display:flex;}
  .header-inner{position:relative;}
  .search-panel{position:fixed;left:0;right:0;top:var(--header-h);}
}

@media (max-width:760px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:24px;}
  .section{padding:44px 0;}
  .hero{padding:40px 0 28px;}
  .tools-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));}
}

@media (max-width:560px){
  .footer-grid{grid-template-columns:1fr;}
  .field-row{flex-direction:column;}
  .stat-pill{min-width:90px;}
  .demo-preview{height:96px;}
  .error-code{font-size:4rem;}
  .btn{width:100%;}
  .toolbar .btn{width:auto;flex:1;min-width:120px;}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
}

/* Print */
@media print{
  .site-header,.site-footer,.ad-slot,.toolbar,.dropdown{display:none !important;}
}