/* ==========================================================================
   EasyMoneyTalk: Responsive Editorial Breakpoints & Container Queries
   ========================================================================== */

/* Large Tablets & Desktop Narrow (< 1080px) */
@media (max-width: 1080px) {
  .editorial-layout {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .article-sidebar {
    position: static;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
  }

  .calc-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 1.75rem;
  }
}

/* Mobile & Small Tablets (< 768px) */
@media (max-width: 768px) {
  .pub-top-inner {
    justify-content: center;
    text-align: center;
  }

  .pub-top-right {
    display: none;
  }

  .pub-nav {
    display: none;
  }

  .article-title {
    font-size: 1.85rem;
  }

  .article-dek {
    font-size: 1rem;
  }

  .article-byline-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .pros-cons-grid {
    grid-template-columns: 1fr;
  }

  .pillars-editorial-grid {
    grid-template-columns: 1fr;
  }

  .finder-options {
    grid-template-columns: 1fr;
  }

  .finder-result {
    flex-direction: column;
    align-items: stretch;
  }

  .finder-result .btn {
    width: 100%;
  }

  .contender-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .contender-score-box {
    align-self: flex-start;
  }

  .contender-cta-banner {
    flex-direction: column;
    align-items: stretch;
  }

  .contender-cta-banner .btn {
    width: 100%;
  }

  .author-bio-card {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }

  .mobile-sticky-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
  }

  body {
    padding-bottom: 70px;
  }

  .comparison-table {
    min-width: 650px;
  }

  .table-scroll-container::after {
    content: "Scroll horizontally for more specs →";
    display: block;
    text-align: right;
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    color: var(--color-accent);
    background: rgba(13, 19, 31, 0.9);
  }
}

/* Very Small Mobile (< 480px) */
@media (max-width: 480px) {
  .pub-logo-title {
    font-size: 1.1rem;
  }

  .article-title {
    font-size: 1.65rem;
  }

  .article-lead {
    font-size: 1.05rem;
  }

  .tldr-winner-row {
    flex-direction: column;
    align-items: stretch;
  }

  .tldr-winner-row .btn {
    width: 100%;
  }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}