/* components/ArticleArchive.astro */
body.news-page { overflow-anchor: none; }
  .news-hero { padding-block: var(--ls-space-5) var(--ls-space-8); background: var(--ls-color-brand-soft); }
  .news-hero__inner { display: grid; max-width: 58rem; }
  .news-hero .ls-breadcrumbs { margin-bottom: var(--ls-space-8); }
  .news-hero__title { margin-bottom: var(--ls-space-4); }
  .news-hero__inner > p:last-child { max-width: 42rem; margin: 0; color: var(--ls-color-ink-soft); font-size: var(--ls-text-lg); }
  .news-filters { display: flex; align-items: flex-start; flex-direction: column; gap: var(--ls-space-2); padding-bottom: var(--ls-space-4); border-bottom: 1px solid var(--ls-color-line); }
  .news-series-list { margin-top: var(--ls-space-8); }
  .news-series-list > p { margin-bottom: var(--ls-space-4); }
  .news-series-list > div { display: grid; gap: var(--ls-space-4); }
  .news-series { display: grid; gap: var(--ls-space-3); align-items: center; padding: var(--ls-space-5); border-radius: var(--ls-radius-card); color: var(--ls-color-paper); background: var(--ls-color-ink); text-decoration: none; }
  .news-series div { display: grid; gap: .2rem; }
  .news-series span { color: var(--ls-color-brand-soft); font-size: var(--ls-text-caption); font-weight: 700; letter-spacing: var(--ls-tracking-label); text-transform: uppercase; }
  .news-series strong { font-family: var(--ls-font-display); font-size: var(--ls-text-card); font-weight: 500; }
  .news-series p { max-width: 37rem; margin: 0; color: rgb(255 255 255 / 68%); font-size: var(--ls-text-sm); }
  .news-series b { font-size: var(--ls-text-xs); letter-spacing: var(--ls-tracking-control); text-transform: uppercase; }
  .news-filters__label { flex: 0 0 auto; color: var(--ls-color-ink-soft); font-size: var(--ls-text-caption); font-weight: 700; letter-spacing: var(--ls-tracking-label); text-transform: uppercase; }
  .news-filters__scroll { display: flex; min-width: 0; align-items: center; gap: var(--ls-space-5); overflow-x: auto; scrollbar-width: none; }
  .news-filters__scroll::-webkit-scrollbar { display: none; }
  .news-filters a { position: relative; display: inline-flex; flex: 0 0 auto; align-items: center; gap: var(--ls-space-2); padding-block: .55rem; color: var(--ls-color-ink-soft); font-size: var(--ls-text-sm); font-weight: 600; text-decoration: none; white-space: nowrap; }
  .news-filters a::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: var(--ls-color-brand-dark); content: ''; transform: scaleX(0); transition: transform var(--ls-motion-fast) ease; }
  .news-filters a:hover, .news-filters a[aria-current='page'] { color: var(--ls-color-ink); }
  .news-filters a:hover::after, .news-filters a[aria-current='page']::after { transform: scaleX(1); }
  .news-filters a span { display: inline-flex; min-width: 1.25rem; height: 1.25rem; align-items: center; justify-content: center; border-radius: var(--ls-radius-round); color: var(--ls-color-ink-soft); background: var(--ls-color-subtle); font-size: .625rem; line-height: 1; }
  .news-results__bar { display: flex; justify-content: space-between; gap: var(--ls-space-4); padding-bottom: var(--ls-space-5); margin-bottom: var(--ls-space-6); border-bottom: 1px solid var(--ls-color-line); color: var(--ls-color-ink-soft); font-size: var(--ls-text-sm); }
  .news-filters + .news-results__content .news-results__bar { padding-top: var(--ls-space-4); }
  .news-results { padding-top: var(--ls-space-8); overflow-anchor: none; }
  .news-results__content { transition: opacity var(--ls-motion-fast) ease; }
  .news-results[aria-busy='true'] .news-results__content { opacity: .45; pointer-events: none; }
  .news-results__bar p { margin: 0; }
  .news-results__grid { display: grid; grid-template-columns: 1fr; gap: var(--ls-space-6); }
  .news-results__pagination { margin-top: var(--ls-space-8); }
  .news-filters__scroll { width: 100%; }
  @media (min-width: 48rem) { .news-series-list > div { grid-template-columns: repeat(2, minmax(0, 1fr)); } .news-series { grid-template-rows: auto 1fr auto; } .news-filters { align-items: center; flex-direction: row; gap: var(--ls-space-5); } .news-filters__scroll { width: auto; } .news-results__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media (min-width: 64rem) { .news-results__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }