.l-grid{padding-bottom:20px}
@media only screen and (min-width:48rem){.l-grid{display:flex;flex-wrap:wrap;margin:0 -10px}}
@media only screen and (min-width:80rem){.l-grid{margin:0 -20px}}
@media only screen and (min-width:48rem){.l-grid.centered{justify-content:center}}
.m-pagination{align-items:center;display:flex;justify-content:center;margin:0 auto 40px}
.m-pagination__text{color:var(--titles-color);display:inline-block;font-size:.875rem;letter-spacing:.2px;text-align:center}
@media only screen and (min-width:48rem){.m-pagination__text{font-size:1rem;letter-spacing:.3px}}
.blog-intro{margin-block:clamp(24px,8vh,60px)}
.blog-collection{padding-block:clamp(24px,8vh,72px)}
.blog-collection .m-article-card__info{display:flex;flex-direction:column;gap:12px;padding:18px 18px 22px}
.blog-collection .m-article-card__excerpt{margin:0;color:var(--secondary-text-color);font-size:1rem;line-height:1.6}
.blog-collection .m-article-card__meta{margin-top:auto;color:var(--secondary-text-color);font-size:.875rem;letter-spacing:.25px}
.blog-collection .m-article-card__readtime{display:inline-flex;align-items:center;gap:6px}
.blog-collection .m-article-card__readtime:before{content:"\23F1";font-size:.95rem}
.blog-section{padding-block:clamp(32px,8vh,72px)}
.blog-section + .blog-section{border-top:1px solid rgba(255,255,255,.08)}
.blog-section__header{display:flex;flex-direction:column;gap:14px;margin-bottom:clamp(24px,5vw,40px)}
.blog-section__header .steps-flow__title{font-size:clamp(22px,2.6vw,34px)}
.blog-section__description{margin:0;color:var(--secondary-text-color);font-size:clamp(1.1rem,2.4vw,1.3rem);line-height:1.85}
.blog-section__empty{margin:0;color:var(--secondary-text-color);font-size:clamp(1rem,2.1vw,1.15rem);line-height:1.7}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(16px,3vw,28px)}
.blog-card{background:var(--background-color);border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.18);display:flex;flex-direction:column;overflow:hidden;height:100%;transition:transform .2s ease,box-shadow .2s ease}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(0,0,0,.22)}
.blog-card.no-picture .blog-card__image{display:none}
.blog-card__image{position:relative;overflow:hidden}
.blog-card__image img{width:100%;height:180px;object-fit:cover;display:block}
.blog-card__image-link{position:absolute;inset:0}
.blog-card__body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 22px;height:100%}
.blog-card__tag{display:inline-flex;align-items:center;gap:6px;font-size:.95rem;font-weight:600;color:var(--primary-subtle-color);text-decoration:none}
.blog-card__tag:hover{text-decoration:underline}
.blog-card__title{margin:0;font-size:1.3rem;line-height:1.5;color:var(--titles-color)}
.blog-card__title-link{text-decoration:none}
.blog-card__title-link:hover .blog-card__title{text-decoration:underline}
.blog-card__excerpt{margin:0;color:var(--secondary-text-color);font-size:1rem;line-height:1.65}
.blog-card__meta{margin-top:auto;color:var(--secondary-text-color);font-size:.875rem;letter-spacing:.25px;display:flex;align-items:center;gap:6px}
.blog-card__readtime{display:inline-flex;align-items:center;gap:6px}
.blog-card__readtime:before{content:"\23F1";font-size:.95rem}
@media (max-width:640px){.blog-section{padding-block:28px}.blog-card__image img{height:160px}}