/**
 * JaxBeachTech — Responsive
 */

@media (max-width: 960px) {
  .layout-with-sidebar,
  .layout-with-two-sidebars {
    grid-template-columns: 1fr;
  }

  .sidebar {
    border-top: var(--border);
    padding-top: var(--space-lg);
    margin-top: var(--space-lg);
  }
}

@media (max-width: 700px) {
  .site-header {
    padding: 1.5rem var(--space-md);
    flex-direction: column;
    gap: 1rem;
  }

  .site-footer {
    padding: 1.5rem var(--space-md);
    flex-direction: column;
    align-items: flex-start;
  }

  /* Hide decorative side rules on mobile */
  body::after,
  .page-wrapper::after {
    display: none;
  }

  .hero {
    padding: 3rem var(--space-md);
    min-height: 50vh;
  }

  .hero__bg-word {
    display: none;
  }

  .layout-container {
    padding: 0 var(--space-md);
  }

  .primary-nav ul {
    flex-wrap: wrap;
  }

  .primary-nav a {
    padding: .75rem .75rem;
    font-size: .6rem;
  }

  .tabs {
    flex-wrap: wrap;
  }

  .view-content {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  h1 { font-size: 1.8rem; }
  h2 { font-size: 1.5rem; }

  .hero__title { font-size: 2.2rem; }

  .pillars {
    gap: 1.25rem;
  }
}