@media (max-width: 880px) {
    main table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; font-size: 0.85rem; }
    main table th, main table td { padding: 9px 12px; }
    .container { padding: 0 16px !important; }
    .content { padding: 0 16px !important; }
    h1 { line-height: 1.15 !important; }
    h2 { font-size: 1.4rem !important; line-height: 1.25 !important; }
    h3 { font-size: 1.15rem !important; }
    .hero { padding: 32px 0 36px 0 !important; }
    .hero h1 { font-size: clamp(1.7rem, 7vw, 2.3rem) !important; }
    .hero p, .hero .lede { font-size: 0.98rem !important; }
    .breadcrumb { font-size: 0.78rem !important; }
    .post-grid, .chart-grid, .provider-grid { grid-template-columns: 1fr !important; gap: 16px !important; }
    .figure { padding: 10px !important; margin: 18px 0 !important; }
    .cta-strip, .hp-pricing-card { padding: 16px 18px !important; }
    img { max-width: 100%; height: auto; }
    .ai-snippet { padding: 14px 16px !important; }
  }