/* ── Responsive utilities — Phase 30 verified breakpoints ──── */
/* Breakpoints: 768px (mobile), 1025px (tablet), 360px (xs) */

/* Tablet (768–1024px) */
@media (max-width: 1024px) {
  .lc-hide-tablet { display: none !important; }
}

/* Mobile (≤768px) */
@media (max-width: 768px) {
  .lc-hide-mobile { display: none !important; }
  .lc-show-mobile { display: block !important; }

  /* Container */
  .lc-container {
    width: min(calc(100% - 1.5rem), var(--lc-container));
  }

  /* Hero — single column */
  .lc-hero {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  /* Grids stack */
  .lc-grid-2,
  .lc-grid-3 {
    grid-template-columns: 1fr;
  }

  /* Pre-footer */
  .lc-prefooter {
    border-radius: 0.75rem;
    margin: 1rem;
    max-width: none;
  }

  /* Tabs wrap */
  .lc-tabs__list {
    flex-direction: column;
  }
}

/* XS (≤360px) — WPCode #9070 evidence */
@media (max-width: 360px) {
  body { font-size: 14px; }
  .lc-btn { padding: 12px 20px; font-size: 15px; }
}