.articles-listing{overflow:hidden}.articles-listing--light{--articles-listing-band-bg:var(--variant-tint);--articles-listing-card-bg:var(--color-white);--articles-listing-pager-bg:var(--color-white);background-color:var(--articles-listing-band-bg)}.articles-listing--white{--articles-listing-band-bg:var(--color-white);--articles-listing-card-bg:var(--variant-surface);--articles-listing-pager-bg:var(--variant-surface);background-color:var(--articles-listing-band-bg)}.articles-listing--dark{--articles-listing-band-bg:var(--color-black);color:var(--color-white);--articles-listing-card-bg:var(--color-white);--articles-listing-card-shadow:none;--articles-listing-pager-bg:transparent;--articles-listing-pager-fg:var(--on-dark-90);--articles-listing-pager-hover:var(--on-dark-15);--articles-listing-pager-line:var(--on-dark-25);--articles-listing-pager-muted:var(--on-dark-40);--articles-listing-pager-ring:var(--color-white);background-color:var(--articles-listing-band-bg)}.articles-listing--overlap-next{--articles-listing-overlap:var(--section-space-xl);background-color:transparent;background-image:linear-gradient(to bottom,var(--articles-listing-band-bg) calc(100% - var(--articles-listing-overlap)),transparent calc(100% - var(--articles-listing-overlap)));margin-bottom:calc(var(--articles-listing-overlap)*-1);position:relative;z-index:var(--z-content)}.articles-listing--dark .articles-listing__empty{color:var(--on-dark-80)}.articles-listing__grid{list-style:none;margin:0;padding:0}.articles-listing__debug{background-color:var(--color-white);border:1px solid var(--color-border);color:var(--color-text);padding:var(--space-4)}.articles-listing__debug summary{cursor:pointer;font-weight:var(--fw-semibold)}.articles-listing__debug pre{max-height:40rem;overflow:auto;white-space:pre-wrap}.articles-listing__item{display:flex}.articles-listing__card{background-color:var(--articles-listing-card-bg,var(--color-white));border-radius:var(--radius-card);box-shadow:var(--articles-listing-card-shadow,var(--shadow-dropdown));color:var(--color-dark1);flex:1;overflow:hidden;position:relative}.articles-listing__media{aspect-ratio:5/3;background-color:var(--on-light-05);flex:0 0 auto;max-height:11.375rem;overflow:hidden}.articles-listing__image{display:block;height:100%;object-fit:cover;width:100%}.articles-listing__content{padding:var(--space-4) var(--space-4) var(--space-5)}.articles-listing__date,.articles-listing__tag,.articles-listing__title{margin:0}.articles-listing__tag{color:var(--color-black)}.articles-listing__title{color:var(--variant-heading)}.articles-listing__title-link{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--easing-standard)}.articles-listing__title-link:after{content:"";inset:0;position:absolute}.articles-listing__title-link:focus-visible{outline:none}.articles-listing__card:focus-within{outline:2px solid var(--variant-heading,var(--color-accent));outline-offset:2px}.articles-listing__date{color:var(--color-text)}.articles-listing__action{margin-top:auto;padding-top:var(--space-2)}@media (hover:hover) and (pointer:fine){.articles-listing__card:hover .articles-listing__title-link{color:var(--variant-accent-hover)}.articles-listing__card:hover .articles-listing__readmore{background-color:var(--variant-accent-hover);border-color:var(--variant-accent-hover)}}.articles-listing__footer{display:flex;justify-content:center}.articles-listing__empty{margin:0}@media (max-width:767.98px){.articles-listing__grid--scroll{display:flex;margin-inline:calc(var(--space-gutter)*-1);overflow-x:auto;overscroll-behavior-x:contain;padding-inline:var(--space-gutter);scroll-padding-inline:var(--space-gutter);scroll-snap-type:x mandatory;scrollbar-width:none}.articles-listing__grid--scroll::-webkit-scrollbar{display:none}.articles-listing__grid--scroll .articles-listing__item{flex:0 0 80%;max-width:20rem;scroll-snap-align:start}}.articles-listing__note{color:var(--color-text);margin:0}.articles-listing__pagination{display:flex;overflow-x:auto;padding-top:var(--space-6)}.articles-listing__pages{background-color:var(--articles-listing-pager-bg,var(--color-white));border:1px solid var(--articles-listing-pager-line,var(--on-light-10));border-radius:var(--radius-pill);display:flex;flex:none;list-style:none;margin:0;overflow:hidden;padding:0}.articles-listing__page-item{display:flex;flex:none}.articles-listing__page-item+.articles-listing__page-item{border-left:1px solid var(--articles-listing-pager-line,var(--on-light-10))}.articles-listing__page{align-items:center;color:var(--articles-listing-pager-fg,var(--color-text));display:inline-flex;font-weight:var(--fw-medium);gap:var(--space-2);justify-content:center;min-height:2.75rem;min-width:2.5rem;padding-inline:var(--space-2);text-decoration:none;transition:background-color var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.articles-listing__page--number{font-variant-numeric:tabular-nums}.articles-listing__page--step{padding-inline:var(--space-4)}.articles-listing__page-item:first-child .articles-listing__page{border-radius:var(--radius-pill) 0 0 var(--radius-pill)}.articles-listing__page-item:last-child .articles-listing__page{border-radius:0 var(--radius-pill) var(--radius-pill) 0}.articles-listing__page--current{background-color:var(--variant-accent,var(--color-accent));color:var(--variant-accent-fg,var(--color-white))}.articles-listing__page[aria-disabled=true]{color:var(--articles-listing-pager-muted,var(--on-light-25))}.articles-listing__page-icon{align-items:center;display:inline-flex}.articles-listing__page-icon .icon{display:block;height:1.125rem;width:1.25rem}.articles-listing__page-icon--back .icon{transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){a.articles-listing__page:hover{background-color:var(--articles-listing-pager-hover,var(--on-light-05))}}a.articles-listing__page:focus-visible{outline:2px solid var(--articles-listing-pager-ring,var(--variant-heading,var(--color-accent)));outline-offset:-2px}@media (max-width:767.98px){.articles-listing__page--step{padding-inline:0}.articles-listing__page--gap,.articles-listing__page--number{min-width:2rem}.articles-listing__pages--windowed .articles-listing__page-item--extra{display:none}}.articles-listing--dark .articles-listing__note{color:var(--on-dark-80)}