@layer extensions {
  .news-list-view .article {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: var(--button-gap-s);
    padding: var(--padding-l);
    border-radius: var(----border-radius-default, 24px);
    border: var(----border-default-width, 2px) solid var(--glass-grey-stroke, #F5F5F5);
    background: var(--glass-grey);
    /* glass-grey */
    box-shadow: 0 0 20px 0 rgba(162, 162, 165, 0.08);
    backdrop-filter: blur(30px);
  }
  .news-list-view {
    /* Category filter (init.js) sets "hidden"; "display: grid" above would otherwise win over the UA rule. */
  }
  .news-list-view .article[hidden] {
    display: none;
  }
  .news-list-view .header {
    display: flex;
    flex-direction: column;
    gap: var(--text-gap-kicker);
    margin-bottom: calc(var(--text-gap-h3) - var(--button-gap-s));
  }
  .news-list-view .header h2 {
    margin: 0;
  }
  .news-list-view .header a {
    color: var(--body-text-color);
  }
  .news-list-view .teaser-text p:last-child {
    margin-bottom: 0;
  }
}