/*
 * The Herald Today — Tablet Styles
 * Target: 769px - 1024px
 * Loaded via: <link media="screen and (min-width: 769px) and (max-width: 1024px)">
 */

/* ─── Tablet Container ──────────────────────────────────────── */
.shell {
  width: min(1140px, calc(100% - 32px));
}

/* ─── Desktop-Only Ticker Actions ──────────────────────────── */
@media (min-width: 769px) {
  .ticker-actions {
    display: flex;
  }
  .nav-wrap--compact {
    grid-template-columns: 1fr;
  }
}

/* ─── Tablet Layout Overrides ──────────────────────────────── */
@media (min-width: 769px) and (max-width: 1024px) {
  .shell {
    width: min(1140px, calc(100% - 32px));
  }

  .hero-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-3);
  }

  .province-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .category-strip {
    grid-template-columns: repeat(3, 1fr);
  }

  .editor-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .tech-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cyber-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cat-featured-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cat-main-grid {
    grid-template-columns: 1fr;
  }

  .cat-news-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .footer-top {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 32px 0 24px;
  }

  .mobile-live-section,
  .mobile-breaking-section {
    display: none;
  }

  .desktop-only {
    display: grid;
  }
}