/* ══════════════════════════════════════════
   RESPONSIVE — complementa pbs-redesign.css
   Regras para páginas internas (artigo, login, admin, categoria)
   que não são cobertas pelo redesign.
══════════════════════════════════════════ */

/* ── 1100px ── */
@media (max-width: 1100px) {
  .admin-layout { grid-template-columns: 1fr; }
  .admin-sidebar { position: static; }
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── 820px ── */
@media (max-width: 820px) {
  .post-card.compact { flex-direction: row; }
  .admin-form-grid { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .category-strip { grid-template-columns: repeat(2, 1fr); }
  .breaking-bar { grid-template-columns: 100px 1fr; }
}

/* ── 560px ── */
@media (max-width: 560px) {
  .site-container { width: calc(100% - 24px); }

  .section-block,
  .article-card,
  .comments-box,
  .related-box,
  .page-hero,
  .static-content,
  .login-card { border-radius: 12px; padding: 14px; }

  .post-card.compact { flex-direction: column; }
  .post-card.compact .post-card-img { width: 100%; aspect-ratio: 16/9; }

  .related-grid { grid-template-columns: 1fr; }
  .stats-grid { grid-template-columns: 1fr; }
  .category-strip { grid-template-columns: 1fr 1fr; }
}