.blog-page__content { display: flex; flex-direction: column; gap: 2rem;}.blog-page__header { display: flex; flex-direction: column; gap: 1rem;}.blog-page__header-heading { margin-bottom: 0;}.blog-page__header-description { font-size: 12px; line-height: 16px; 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-size: 12px; font-weight: 400; line-height: 16px; color: var(--black); background-color: transparent; border: 2px solid var(--gray-400); border-radius: 0.6rem; transition: color 0.2s ease-in-out, background-color 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.5rem; }}.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__image-link { display: block; width: 100%; aspect-ratio: 1/1; border-radius: 1.5rem; background: var(--gray-400); overflow: hidden; text-decoration: none;}@media (max-width: 500px) { .article-card__image-link { width: 150px; height: 150px; }}@media (min-width: 500px) and (max-width: 576px) { .article-card__image-link { width: 200px; height: 200px; }}.article-card__image-link img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}.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; font-size: 12px; line-height: 16px; color: var(--description);}.article-card__title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: var(--black); 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; font-size: 12px; line-height: 16px; color: var(--description); overflow: hidden;}