/* AFTV category archive — aligned with the editorial card system. */
.aftv-archive-template {
  background: #0a0a0a;
}

.aftv-archive {
  min-height: 70vh;
  padding: 40px 0 96px;
  color: #fff;
  background: #0a0a0a;
  font-family: "Archivo", Arial, sans-serif;
}

.aftv-archive,
.aftv-archive * { box-sizing: border-box; }
.aftv-archive a { color: inherit; text-decoration: none; }
.aftv-archive__shell { width: min(1140px, calc(100% - 44px)); margin-inline: auto; }
.aftv-archive__breadcrumbs { display: flex; gap: 10px; align-items: center; min-height: 44px; color: #9b9b9b; font: 500 13px/18px "Archivo", Arial, sans-serif; text-transform: uppercase; }
.aftv-archive__breadcrumbs a { display: inline-flex; align-items: center; min-height: 44px; }
.aftv-archive__header { max-width: 850px; padding: 48px 0 56px; }
.aftv-archive__eyebrow { display: block; color: #a60f34; font: 600 13px/18px "Archivo", Arial, sans-serif; letter-spacing: .52px; text-transform: uppercase; }
.aftv-archive__header h1 { margin: 16px 0 0; color: #fff; font: 600 clamp(46px, 6vw, 72px)/.98 "Newsreader", Georgia, serif; letter-spacing: -.02em; }
.aftv-archive__description { max-width: 720px; margin-top: 20px; color: #c4c4c4; font: 400 18px/28px "Archivo", Arial, sans-serif; }
.aftv-archive__description p { margin: 0; }
.aftv-archive__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 24px; }
.aftv-archive-card { min-width: 0; }
.aftv-archive-card__media { display: block; aspect-ratio: 4 / 3; min-height: 1px; overflow: hidden; border-radius: 8px; background: #151515; }
.aftv-archive-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.aftv-archive-card__body { padding-top: 14px; }
.aftv-archive-card__rubric { position: relative; display: inline-flex; align-items: center; min-height: 44px; padding-left: 13px; color: #fff; font: 600 13px/18px "Archivo", Arial, sans-serif; letter-spacing: .52px; text-transform: uppercase; }
.aftv-archive-card__rubric::before { content: ""; position: absolute; left: 0; width: 3px; height: 20px; background: #a60f34; }
.aftv-archive-card h2 { margin: 6px 0 0; color: #fff; font: 500 28px/34px "Newsreader", Georgia, serif; letter-spacing: -.01em; }
.aftv-archive-card h2 a { display: inline-block; }
.aftv-archive-card__excerpt { margin: 12px 0 0; color: #c4c4c4; font: 400 15px/23px "Archivo", Arial, sans-serif; }
.aftv-archive-card__meta { margin: 14px 0 0; color: #9b9b9b; font: 600 13px/18px "Archivo", Arial, sans-serif; text-transform: uppercase; }
.aftv-archive__pagination { margin-top: 64px; }
.aftv-archive__pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.aftv-archive__pagination .page-numbers { display: grid; place-items: center; min-width: 44px; min-height: 44px; border: 1px solid #333; color: #fff; font: 600 13px/18px "Archivo", Arial, sans-serif; }
.aftv-archive__pagination .current { border-color: #a60f34; background: #a60f34; }
.aftv-archive-empty { max-width: 760px; padding: 48px; border: 1px solid #2d2d2d; background: #111; }
.aftv-archive-empty h2 { margin: 16px 0 0; color: #fff; font: 500 42px/46px "Newsreader", Georgia, serif; }
.aftv-archive-empty p { margin: 16px 0 0; color: #c4c4c4; font: 400 17px/26px "Archivo", Arial, sans-serif; }
.aftv-archive__meanwhile { margin-top: 72px; }
.aftv-archive__meanwhile > h2 { margin: 0 0 32px; color: #fff; font: 500 48px/52px "Newsreader", Georgia, serif; }

@media (max-width: 900px) {
  .aftv-archive__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  .aftv-archive { padding: 24px 0 64px; }
  .aftv-archive__shell { width: calc(100% - 32px); }
  .aftv-archive__header { padding: 32px 0 40px; }
  .aftv-archive__header h1 { font-size: 48px; line-height: 50px; }
  .aftv-archive__description { font-size: 16px; line-height: 24px; }
  .aftv-archive__grid { grid-template-columns: 1fr; gap: 40px; }
  .aftv-archive-card h2 { font-size: 26px; line-height: 32px; }
  .aftv-archive-empty { padding: 28px 24px; }
  .aftv-archive-empty h2 { font-size: 34px; line-height: 39px; }
  .aftv-archive__meanwhile { margin-top: 56px; }
  .aftv-archive__meanwhile > h2 { font-size: 38px; line-height: 42px; }
}