/* ── Responsive ── */
@media (max-width: 1100px) {
  .brand-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-inner { gap: 28px; }
}

@media (max-width: 900px) {
  .layout { grid-template-columns: 1fr; }
  .sidebar { position: static; }
  .sidebar-sticky { position: static; }
}

@media (max-width: 768px) {
  .brand-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .search-card { padding: 32px 24px; }
  .search-title { font-size: 2rem; }
  .footer-inner { flex-direction: column; gap: 24px; }
  .footer-col--right { text-align: left; }
  .footer-col--right ul { align-items: flex-start; }
  .article-layout { padding: 24px 16px 48px; }
  .article-card { padding: 28px 20px 36px; }
  .article-card h1 { font-size: 1.8rem; }
  .back-bar, .tab-nav { padding-inline: 16px; }
  .footer-bar { padding-inline: 16px; }
}

@media (max-width: 480px) {
  .page-grid-wrap { padding-inline: 14px; }
  .brand-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .search-card { grid-column: span 2; }
  .content-wrap { padding: 36px 16px 48px; }
  .code-text { font-size: .95rem; }
  .container { padding-inline: 16px; }
}