/* =========================================================
   DocSheet — responsive.css
   ========================================================= */

@media (max-width: 1024px){
  .tool-grid{grid-template-columns:repeat(3,1fr);}
  .feature-grid{grid-template-columns:repeat(3,1fr); gap:18px;}
  .workspace-layout{grid-template-columns:1fr 260px;}
  .footer-grid{grid-template-columns:1.6fr repeat(3,1fr); gap:22px;}
}

@media (max-width: 860px){
  .nav-links{display:none;}
  .hamburger{display:block;}
  .tool-grid{grid-template-columns:repeat(2,1fr);}
  .feature-grid{grid-template-columns:repeat(2,1fr);}
  .steps{grid-template-columns:1fr; gap:16px;}
  .blog-grid{grid-template-columns:repeat(2,1fr);}
  .workspace-layout{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:repeat(2,1fr);}
  .hero{padding:64px 0 80px;}
  .section{padding:60px 0;}
}

@media (max-width: 560px){
  .tool-grid{grid-template-columns:1fr 1fr;}
  .feature-grid{grid-template-columns:1fr;}
  .blog-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr; gap:24px;}
  .dropzone{padding:34px 18px;}
  .viewer-toolbar{justify-content:flex-start;}
  .search-box input{width:80px;}
  .more-tools-grid{grid-template-columns:1fr;}
  .doc-content-frame, .slide-frame, .markdown-view{padding:24px;}
  .nav{padding:12px 16px;}
  .ad-slot.ad-sticky{display:flex;}
}

/* Mobile nav panel (toggled via JS by adding .open) */
.mobile-nav{
  display:none; flex-direction:column; gap:2px; padding:10px 16px 18px;
  border-top:1px solid var(--border); background:var(--surface);
}
.mobile-nav.open{display:flex;}
.mobile-nav a{padding:10px 6px; font-size:.95rem; border-bottom:1px solid var(--border);}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important; transition-duration:.001ms !important;}
}