@layer components{@scope (.blog-item){:scope{display:block;cursor:pointer}:scope>*+*{margin-top:var(--space-sm)}:scope:hover [data-blog-title]{color:var(--color-blue-600)}.blog-item__meta{display:flex;align-items:center;justify-content:space-between}.blog-item__content>*+*{margin-top:var(--space-xs)}.blog-item__title{line-height:1.5;font-weight:700}.blog-item__tag-list{display:flex;align-items:center;gap:var(--space-sm)}.blog-item__tag{font-size:var(--text-sm);color:var(--color-blue-600);text-decoration:underline}.blog-item__date{font-size:var(--text-sm);line-height:1.5;color:var(--color-gray-900)}}}@layer components{@scope (.blog-list){:scope{display:grid;column-gap:var(--space-lg);row-gap:var(--space-xl)}@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)}}}}