body.articles{background:var(--color-page-background)}.article-layout{background:var(--color-page-background);padding-block:clamp(2rem, 4vw, 3.5rem) var(--size18)}.article-hero{margin:0 auto var(--size10);padding-inline:var(--gutter-width,var(--size6));text-align:center}.article-hero h1{font-size:clamp(var(--font-xxxl), 4vw, var(--font-xxxxl));align-items:center;gap:var(--size4);margin-bottom:var(--size8);flex-direction:column;line-height:1.08;display:inline-flex}.article-hero-icon{width:4.25rem;height:5.8125rem}.article-hero-second-line{display:inline}.article-hero a{color:var(--color-brand);text-underline-offset:3px;text-decoration-thickness:1.5px}.article-post-grid{gap:var(--size4);margin:var(--size8) auto 0;max-width:var(--page-width-lg);padding-inline:var(--gutter-width,var(--size6));grid-template-columns:1fr;display:grid}.article-post-card{background:var(--color-surface);border:1px solid var(--color-border1);border-radius:var(--radius-md);box-shadow:var(--elevation-chart-tile);transition:box-shadow .18s,transform .18s;overflow:clip}.article-post-link{color:var(--color-text);flex-direction:column;height:100%;text-decoration:none;display:flex}.article-post-card figure{aspect-ratio:var(--figure-aspect-ratio);margin:0}.article-post-card .image-frame{background:var(--color-page-background);box-shadow:none;border-radius:0;height:100%}.article-post-card img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.article-post-card h2{font-size:var(--font-lg);line-height:var(--line-height-lg);padding:var(--size5) var(--size4);margin:0}.article-post-card h2 span{color:var(--color-brand);transition:transform .18s;display:inline-block}.article-post-card:hover h2 span,.article-post-card:focus-within h2 span{transform:translate(6px)}.empty-state{color:var(--color-text2);font-size:var(--font-md)}.article-pagination{margin-top:var(--size8);padding-top:var(--size8);text-align:center;width:100%;position:relative}.article-pagination:before{background:var(--color-border-light-next);content:"";width:100vw;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.article-pagination .blog-pagination{align-items:center;gap:var(--size4);flex-wrap:nowrap;margin-top:0;padding-block:0}.article-pagination .blog-pagination-pages{align-items:center;gap:var(--size3);flex-wrap:nowrap}.article-pagination .blog-pagination-pages a,.article-pagination .blog-pagination-current,.article-pagination .blog-pagination-ellipsis{background:var(--color-light-gray-next);color:var(--color-brand-dark-next);font-family:var(--font-family-body-next);font-size:var(--font-size-body-s-next);font-weight:var(--font-weight-cta-next);border:0;border-radius:50%;justify-content:center;align-items:center;min-width:42px;height:42px;padding-inline:0;display:inline-flex}.article-pagination .blog-pagination-ellipsis{min-width:var(--size5);background:0 0}.article-pagination .blog-pagination-current,.article-pagination .blog-pagination-pages a:hover{background:var(--color-brand-primary-next);color:var(--color-pure-white-next)}.article-pagination .blog-pagination-arrow.carousel-button-next{background:var(--color-light-gray-next);color:var(--color-brand-dark-next);border:0;border-radius:50%;flex:none;width:42px;min-width:0;height:42px;padding:0}.article-pagination .blog-pagination-arrow.carousel-button-next svg{width:19px;height:13px}@media screen and (width>=768px){.article-hero{margin-bottom:var(--size16)}.article-hero h1{gap:var(--size2);flex-direction:row}.article-hero-second-line{margin-top:var(--size05);display:block}.article-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-post-card h2{font-size:var(--font-xl)}}@media screen and (width<37.5rem){.article-pagination .blog-pagination{gap:var(--size3)}.article-pagination .blog-pagination-pages{gap:var(--size2)}.article-pagination .blog-pagination-boundary,.article-pagination .blog-pagination-ellipsis{display:none}}@media screen and (width>=1024px){.article-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (width>=74rem){.article-post-grid{padding-inline:0}}