.blog-page__content { display: flex; flex-direction: column; gap: 1rem;}.blog-page__header { display: flex; flex-direction: column; gap: 1rem;}.blog-page__header-heading { margin-bottom: 0;}.blog-page__header-description { color: var(--description);}.blog-page__header-description > * { margin-bottom: 0;}.blog-page__header-nav { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 0.5rem;}.blog-page__header-link { font-weight: 400; color: var(--black); background: transparent; border: 2px solid var(--gray-400); border-radius: 0.6rem; transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border-color 0.2s ease-in-out; padding: 0.5rem 1rem;}.blog-page__header-link:hover, .blog-page__header-link:focus-visible, .blog-page__header-link:focus, .blog-page__header-link:active { background: var(--gray-400);}.blog-page__header-link--active { color: var(--white) !important; background-color: var(--black) !important; border-color: var(--black) !important;}#article-list { row-gap: 1.5rem;}@media (max-width: 576px) { #article-list { row-gap: 0.75rem; }}.article-card { display: flex; flex-direction: row; gap: 1rem; height: 100%;}@media (max-width: 575px) { .article-card { align-items: center; }}@media (min-width: 576px) { .article-card { flex-direction: column; }}.article-card:hover .article-card__title { color: var(--main);}.article-card__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; cursor: pointer;}.article-card__image-wrapper { flex-shrink: 0; width: 100%; aspect-ratio: 1/1; background: var(--placeholder-bg); border-radius: 1.5rem; overflow: hidden; cursor: pointer;}@media (max-width: 500px) { .article-card__image-wrapper { width: 150px; height: 150px; }}@media (min-width: 500px) and (max-width: 576px) { .article-card__image-wrapper { width: 200px; height: 200px; }}.article-card__content { display: flex; flex-direction: column; gap: 1rem; padding: 0;}@media (min-width: 576px) { .article-card__content { padding: 0 1rem; }}.article-card__meta { display: flex; align-items: center; gap: 0.5rem; color: var(--description);}.article-card__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: var(--heading); font-size: 14px; font-weight: 400; line-height: 20px; text-decoration: none; transition: color 0.3s ease;}.article-card__title:hover, .article-card__title:active, .article-card__title:focus { color: var(--main);}.article-card__description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: var(--description); overflow: hidden;}