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{align-items:center;display:inline-flex;flex-direction:column;font-size:clamp(var(--font-xxxl),4vw,var(--font-xxxxl));font-weight:700;gap:var(--size4);line-height:1.08;margin-bottom:var(--size8)}.article-hero-icon{height:5.8125rem;width:4.25rem}.article-hero p{color:var(--color-text3);font-size:clamp(var(--font-lg),2.6vw,var(--font-xxl));line-height:1.45}.article-hero-second-line{display:inline}.article-hero a{color:var(--color-brand);text-decoration-thickness:1.5px;text-underline-offset:3px}.article-post-grid{display:grid;gap:var(--size4);grid-template-columns:1fr;margin:var(--size8) auto 0;max-width:var(--page-width-lg);padding-inline:var(--gutter-width, var(--size6))}.article-post-card{background:var(--color-surface);border:1px solid var(--color-border1);border-radius:var(--radius-md);box-shadow:var(--elevation-chart-tile);overflow:clip;transition:box-shadow .18s ease,transform .18s ease}.article-post-link{color:var(--color-text);display:flex;flex-direction:column;height:100%;text-decoration:none}.article-post-card figure{aspect-ratio:var(--figure-aspect-ratio);margin:0}.article-post-card .image-frame{background:var(--color-page-background);border-radius:0;box-shadow:none;height:100%}.article-post-card img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.article-post-card h2{font-size:var(--font-lg);font-weight:var(--font-semibold);line-height:var(--line-height-lg);margin:0;padding:var(--size5) var(--size4)}.article-post-card h2 span{color:var(--color-brand);display:inline-block;transition:transform .18s ease}.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);text-align:center}@media screen and (min-width:768px){.article-hero{margin-bottom:var(--size16)}.article-hero h1{flex-direction:row;gap:var(--size2)}.article-hero-second-line{display:block;margin-top:var(--size05)}.article-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-post-card h2{font-size:var(--font-xl)}}@media screen and (min-width:1024px){.article-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:74rem){.article-post-grid{padding-inline:0}}