.category-page-main { display: grid; gap: 26px; }
.archive-hero h1 { margin: 0 0 8px; }
.archive-hero__meta { display: flex; flex-wrap: wrap; gap: 14px; color: var(--color-gray); font-size: 0.92rem; }
.magazine-filters { display: grid; gap: 18px; }
.magazine-filter-group { display: grid; gap: 10px; }
.filter-chip-row { display: flex; flex-wrap: wrap; gap: 10px; }
.filter-chip { border: 1px solid var(--color-border); background: var(--color-white); padding: 10px 14px; font-weight: 800; text-transform: uppercase; cursor: pointer; }
.filter-chip.is-active { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-white); }
.magazine-filter-status { margin: 0; color: var(--color-gray); }
.archive-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.archive-grid--magazine { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.archive-grid--hubs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.archive-card { background: var(--color-white); border: 1px solid var(--color-border); overflow: hidden; box-shadow: var(--shadow-sm); }
.archive-card__body { padding: 18px 18px 22px; }
.archive-card__taxonomy { display: flex; justify-content: space-between; gap: 12px; margin: 0 0 12px; color: var(--color-gray); font-size: 0.82rem; text-transform: uppercase; font-weight: 800; }
.archive-card__area { color: var(--color-primary); }
.archive-card__taxonomy--accent { color: var(--color-primary); }
.archive-card__taxonomy--accent .archive-card__date { color: var(--color-primary); }
.archive-card__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.archive-card__tags span { display: inline-flex; padding: 6px 10px; background: var(--color-secondary-blue-soft); border: 1px solid var(--color-border); font-size: 0.75rem; font-weight: 800; text-transform: uppercase; }
.archive-card__body p:last-child { margin-bottom: 0; }
@media (max-width: 1100px) {
  .archive-grid--hubs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .archive-grid, .archive-grid--magazine, .archive-grid--hubs { grid-template-columns: 1fr; }
}