@layer components{@scope(.blog-item){:scope{cursor:pointer;display:block}:scope>*+*{margin-top:calc(var(--space-sm) / 2)}:scope:hover [data-blog-title]{color:var(--accent)}.blog-item__meta{justify-content:space-between;align-items:center;display:flex}.blog-item__content>*+*{margin-top:calc(var(--space-xs) + var(--space-xxs))}.blog-item__title{font-weight:700;line-height:1.5}.blog-item__tag-list{align-items:center;gap:var(--space-sm);display:flex}.blog-item__tag{font-size:var(--text-sm);color:var(--accent);text-decoration:underline}.blog-item__date{font-size:var(--text-sm);color:var(--text);line-height:1.5}}}
@layer components{@scope(.blog-list){:scope{column-gap:var(--space-lg);row-gap:var(--space-xl);display:grid}@media (min-width:1024px){:scope[data-col="5"]{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){:scope[data-col="3"]{grid-template-columns:repeat(3,1fr)}:scope[data-col="5"]{grid-template-columns:repeat(5,1fr)}}}}