@layer components{.article-card{--article-card-category-size: var(--font-size-xs);--article-card-title-size: var(--font-size-xl);--article-card-description-lh: var(--line-height-normal);--article-card-line-clamp: 3;display:flex;flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-6);border:1px solid var(--color-border);border-radius:var(--radius-2xl);background-color:var(--color-surface-raised);text-decoration:none;color:inherit;transition:border-color var(--transition-fast)}.article-card:hover{border-color:var(--color-border-strong)}.article-card__link{text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:var(--spacing-3);flex:1}.article-card__link:hover{text-decoration:none}.article-card__meta{display:flex;align-items:center;gap:var(--spacing-3)}.article-card__category{display:inline-flex;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);background-color:var(--color-surface-offset);font-size:var(--article-card-category-size);font-weight:var(--font-weight-medium);color:var(--color-text-subdued);text-transform:capitalize}.article-card__date{font-size:var(--font-size-sm);color:var(--color-text-subdued)}.article-card__title{font-size:var(--article-card-title-size);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);color:var(--color-text)}.article-card__description{font-size:var(--font-size-md);line-height:var(--article-card-description-lh);color:var(--color-text-subdued);display:-webkit-box;-webkit-line-clamp:var(--article-card-line-clamp);-webkit-box-orient:vertical;overflow:hidden}}@layer components{.articles{--articles-content-max-width: var(--layout-content-max-width, 1200px);padding-block:var(--spacing-8)}@media(min-width:600px){.articles{padding-block:var(--spacing-16)}}.articles__layout{width:100%;max-width:calc(var(--articles-content-max-width) + var(--spacing-4) * 2);margin-inline:auto;padding-inline:var(--spacing-4)}@media(min-width:750px){.articles__layout{padding-inline:var(--spacing-16)}}@media(min-width:1350px){.articles__layout{padding-inline:var(--spacing-4)}}.articles__heading{font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-5xl));font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-normal);text-wrap:balance}.articles__description{margin-block-start:var(--spacing-3);font-size:var(--font-size-lg);color:var(--color-text-subdued);line-height:var(--line-height-normal)}.articles__grid{display:grid;gap:var(--spacing-6);grid-template-columns:1fr;margin-block-start:var(--spacing-8)}@media(min-width:750px){.articles__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.articles__grid{grid-template-columns:repeat(3,1fr)}}.articles__empty{margin-block-start:var(--spacing-8);font-size:var(--font-size-lg);color:var(--color-text-subdued);text-align:center;padding-block:var(--spacing-16)}}