@layer components{@scope(.blog-filter){:scope{gap:1rem;display:flex}.blog-filter__label{font-size:var(--text-sm);font-weight:500;display:block}.blog-filter__select{border-radius:var(--radius-md);border:1px solid var(--border);font-size:var(--text-sm);color:var(--text);background-color:#0000;margin-top:.25rem;padding:.5rem .75rem;display:block}}}
@layer pages{.blog-list-filters>*+*{margin-top:var(--space-lg)}.blog-list-content>*+*{margin-top:var(--space-2xl)}.blog-list-section>*+*{margin-top:2.5rem}}