.blog-language{padding-block:12px}
.blog-language nav{display:flex;gap:18px;justify-content:flex-end;font-size:.8rem}
.blog-language [aria-current]{font-weight:700;text-decoration:underline}
.blog-search{display:flex;flex:1 1 360px;flex-wrap:wrap;gap:12px;align-items:center}
.blog-search .search{max-width:none}
.blog-search .request-errors{flex-basis:100%;margin:0}
.chips a{border:1px solid var(--line);border-radius:9px;padding:11px 16px;background:var(--surface);color:var(--muted);font-size:.8rem;font-weight:600}
.chips a.on,.chips a:hover{background:var(--red);color:#fff;border-color:var(--red)}
.blog-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;margin-top:40px}
.post,.article,.article-body{min-width:0;overflow-wrap:anywhere}
.post .media{width:100%;min-width:0;aspect-ratio:16/9;flex-shrink:0}
.post-body{display:flex;flex-direction:column;gap:14px;min-width:0;padding:clamp(20px,2.2vw,30px)}
.post .meta{gap:6px 12px;margin-bottom:0;font-size:.7rem;line-height:1.6}
.post .cat{flex-basis:100%}
.post h3{margin:0;font-size:1.125rem;line-height:1.45}
.post-body>p:not(.blog-fallback){font-size:.875rem;line-height:1.75}
#postGrid .post:first-child .post-body{padding:clamp(24px,2.7vw,36px)}
#postGrid .post:first-child h3{font-size:clamp(1.25rem,1.8vw,1.65rem);line-height:1.35}
#postGrid .post.post-no-image:first-child{display:flex}
#postGrid .post.post-no-image:first-child .post-body{align-self:stretch}
.article-cover{margin-bottom:36px}
.article-category{color:#ff9aa0;font-weight:700;margin-bottom:10px}
.article-body ul,.article-body ol{padding-inline-start:1.5em;margin-block:1em}
.article-body ul{list-style:disc}
.article-body ol{list-style:decimal}
.blog-preview,.blog-fallback{font-size:.8rem}
html:not(.js) .blog-copy{display:none}