.avc-insights { background: var(--avc-surface); }.avc-insights__grid { display: grid; gap: var(--avc-space-2); }.avc-blog-card { display: flex; min-height: var(--avc-insight-card-height, 16rem); flex-direction: column; padding: var(--avc-space-3); border: var(--avc-s8-border, 1px solid var(--avc-border)); border-radius: var(--avc-s8-radius, 1.5rem); background: var(--avc-surface); box-shadow: var(--avc-shadow); transition: border-color var(--avc-transition, .35s ease), transform var(--avc-transition, .35s ease); }.avc-blog-card:hover, .avc-blog-card:focus-within { border-color: var(--avc-accent); transform: translateY(var(--avc-s8-lift, -8px)); }.avc-blog-card__category { margin: 0; color: var(--avc-secondary); font-size: var(--avc-text-sm, .875rem); font-weight: var(--avc-weight-semibold, 600); }.avc-blog-card time { margin-top: var(--avc-space-1); color: var(--avc-muted); font-size: var(--avc-text-sm, .875rem); }.avc-blog-card h3 { margin-top: var(--avc-space-2); font-size: var(--avc-card-title-size, 1.25rem); }.avc-blog-card > p { color: var(--avc-muted); }.avc-blog-card a { width: fit-content; margin-top: auto; color: var(--avc-primary); font-weight: var(--avc-weight-semibold, 600); text-decoration: none; }.avc-blog-card a:hover { color: var(--avc-accent); }.avc-blog-card a:focus-visible { outline: var(--avc-focus-outline, 3px solid var(--avc-focus)); outline-offset: var(--avc-focus-offset, 3px); }
@media (min-width: 42rem) { .avc-insights__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 64rem) { .avc-insights__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }