﻿@media (min-width: 768px) {
  .public-category-page.public-list-page {
    max-width: none !important;
    padding: 0 !important;
    background:
      radial-gradient(760px 320px at 12% 0%, rgba(10,47,143,0.07), transparent 66%),
      radial-gradient(620px 280px at 88% 4%, rgba(217,4,22,0.055), transparent 64%),
      linear-gradient(180deg, #ffffff 0%, #f8fafc 42%, #ffffff 100%);
  }

  .public-category-page .public-list-header {
    margin: 0 !important;
    border-bottom: 1px solid rgba(148,163,184,0.22) !important;
    background:
      radial-gradient(720px 300px at 12% 0%, rgba(10,47,143,0.09), transparent 66%),
      radial-gradient(620px 260px at 88% 18%, rgba(217,4,22,0.075), transparent 64%),
      linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.92));
    padding: clamp(2.4rem, 4vw, 4.8rem) max(1rem, calc((100vw - 92rem) / 2 + 1rem)) !important;
  }

  .public-category-page .public-list-header .site-kicker {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    border: 1px solid rgba(217,4,22,0.12);
    border-radius: 999px;
    background: rgba(255,255,255,0.82);
    color: var(--brand-red) !important;
    padding: .52rem .82rem;
    box-shadow: 0 16px 40px -34px rgba(4,22,61,0.6);
  }

  .public-category-page .public-list-header h1 {
    max-width: 58rem;
    margin-top: 1rem !important;
    font-size: clamp(3.2rem, 6vw, 6.4rem) !important;
    line-height: .96 !important;
    letter-spacing: -.065em;
    text-wrap: balance;
  }

  .public-category-page .public-list-description {
    max-width: 48rem !important;
    margin-top: 1.25rem !important;
    color: #475569 !important;
    font-size: clamp(1rem, 1.1vw, 1.12rem) !important;
    line-height: 1.95 !important;
  }

  .public-category-page .public-article-grid {
    max-width: 92rem;
    margin-inline: auto;
    padding: clamp(2rem, 4vw, 4rem) 1rem clamp(3rem, 5vw, 5rem);
    gap: 1.65rem !important;
  }

  .public-category-page .public-article-grid .news-card-default {
    border-radius: 1.45rem !important;
    border: 1px solid rgba(148,163,184,0.2) !important;
    background: rgba(255,255,255,0.94) !important;
    box-shadow: 0 24px 70px -60px rgba(4,22,61,0.76), 0 1px 0 rgba(255,255,255,0.92) inset !important;
  }

  .public-category-page .public-article-grid .news-card-link:hover .news-card-default {
    transform: translateY(-5px);
    border-color: rgba(217,4,22,0.22) !important;
    box-shadow: 0 34px 90px -58px rgba(4,22,61,0.86), 0 12px 34px -32px rgba(217,4,22,0.38) !important;
  }

  .public-category-page .public-article-grid .news-card-default-media {
    border-radius: 1.25rem !important;
    margin: .58rem .58rem 0;
  }
}

@media (min-width: 1024px) {
  .public-category-page .public-article-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .public-category-page .public-article-grid .news-card-link:first-child {
    grid-column: span 2;
  }

  .public-category-page .public-article-grid .news-card-link:first-child .news-card-default {
    display: grid;
    grid-template-columns: 1.25fr 1fr;
  }

  .public-category-page .public-article-grid .news-card-link:first-child .news-card-title {
    font-size: clamp(1.75rem, 2.5vw, 2.8rem) !important;
    line-height: 1.12 !important;
  }
}
