/* Tablet responsive styles — 2025-10-26
   Target: 768px–1199px viewports.
   Goal: zero horizontal scroll, comfortable touch targets, tidy two-column layouts.
*/
@media (min-width: 768px) and (max-width: 1199px) {
  /* Global guards */
  html, body, .app, main {
    max-width: 100%;
    overflow-x: hidden;
  }

  /* Header and navigation */
  header { padding: 0; }
  #navbar a {
    font-size: 1.3rem;
    letter-spacing: 1.5px;
  }
  #navbar li { margin: 0 8px; }

  /* Ensure tablet uses inline nav (not mobile drawer) */
  .site-hamburger { display: none !important; }
  .site-nav-toggle { display: none !important; }
  #navbar {
    position: static !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
    height: auto !important;
    padding: 0 !important;
    box-shadow: none !important;
  }

  /* Section container width */
  .section-container { max-width: 980px; padding: 0 1.5rem; }

  /* Home */
  .modern-hero-section {
    height: auto;
    min-height: 70vh;
    padding: 3rem 1.5rem;
  }
  .hero-content { width: 90%; max-width: 1000px; }
  .video-showcase { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .features-grid { grid-template-columns: repeat(2, minmax(280px, 1fr)); }
  .feature-highlights { grid-template-columns: 1fr 1fr; }
  .domains-grid { grid-template-columns: repeat(2, minmax(260px, 1fr)); }
  .process-timeline { max-width: 900px; }
  .feature-card, .domain-card { padding: 1.5rem; }

  /* Academy */
  .sidebar { width: 240px; min-width: 240px; }
  .page-nav { width: 240px; min-width: 240px; }
  .academy-content { padding: 1rem 2%; }
  .guides-grid { grid-template-columns: repeat(auto-fill, 260px); gap: 14px; }

  /* Research */
  .publications-grid { grid-template-columns: repeat(3, minmax(220px, 1fr)); }

  /* AI app */
  .ai-sidebar {
    width: 240px;
    min-width: 240px;
    top: 206px; /* match desktop offset */
  }
  .ai-main-content { margin-left: 240px; }
  .ai-main-content.has-messages .chat-input-area { left: 240px; right: 0; }
  .chat-messages { margin-bottom: 160px; }

  /* Gallery */
  .gallery-main {
    height: auto;
    min-height: 0;
    overflow-y: visible;
  }

  /* Settings */
  .dc-settings-grid { grid-template-columns: 220px minmax(0, 1fr); gap: 20px; }
  .settings-nav { position: sticky; top: 106px; }
  .settings-card { padding: 18px; }
  .settings-section-body.grid-demo { grid-template-columns: repeat(3, minmax(140px, 1fr)); }

  /* Hide AI sidebar when viewing settings on tablet */
  .ai-container:has(.dc-settings-wrap) .ai-sidebar,
  .ai-sidebar.hidden {
    transform: translateX(-100%) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  .ai-container:has(.dc-settings-wrap) .ai-main-content {
    margin-left: 0 !important;
  }
  .ai-container:has(.dc-settings-wrap) .ai-main-content.has-messages .chat-input-area {
    left: 0 !important;
  }
}
/* Hide nav toggle and hamburger outside mobile — 2025-10-26 */
@media (min-width: 768px) {
  #nav-toggle,
  .nav-toggle,
  .hamburger {
    display: none !important;
  }
}