.blog__head{padding:calc(var(--space) * 2) 0 var(--space)}.blog__head h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.75rem,4vw,2.5rem)}.blog__filters{margin:0 0 var(--space);flex-wrap:wrap;gap:.5rem;display:flex}.pill--active{background:var(--color-primary);color:var(--color-primary-text)}.post-grid{gap:var(--space);margin:var(--space) 0;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));display:grid}.post-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.post-card__image img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.post-card__body{padding:var(--space);flex-direction:column;flex:1;gap:.5rem;display:flex}.post-card__meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.875rem;display:flex}.post-card__title{margin:0;font-size:1.125rem;line-height:1.35}.post-card__title a{color:inherit;text-decoration:none}.post-card__title a:hover{color:var(--color-primary)}.post-card__text{color:var(--color-muted);margin:0;font-size:.9375rem}.pager{gap:var(--space);margin:calc(var(--space) * 2) 0;flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.pager__info,.blog__feed,.blog__empty{color:var(--color-muted)}.article{max-width:46rem;margin:0 auto}.article__head{padding-top:var(--space)}.article__head h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.75rem,4.5vw,2.5rem);line-height:1.2}.article__meta{margin:0 0 var(--space);color:var(--color-muted);font-size:.9375rem}.article__cover{width:100%;height:auto;margin:var(--space) 0;border-radius:var(--radius);display:block}.toc{margin:var(--space) 0;padding:var(--space);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.toc__title{margin:0 0 .5rem;font-weight:700}.toc ol{gap:.25rem;margin:0;padding-left:1.25rem;display:grid}.toc__item--3{margin-left:1rem;list-style:circle}.article__body{overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.75}.article__body h2,.article__body h3{margin:2rem 0 .75rem;scroll-margin-top:5rem;line-height:1.3}.article__body img{border-radius:var(--radius-sm);max-width:100%;height:auto}.article__body table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.article__body th,.article__body td{border:1px solid var(--color-border);padding:.5rem .75rem}.article__body blockquote{border-left:4px solid var(--color-primary);color:var(--color-muted);margin:1rem 0;padding:.25rem 1rem}.article__faq,.article__tools,.blog-related{margin:calc(var(--space) * 2) 0}.tool-links{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.blog-related{max-width:72rem;margin-inline:auto}
