@layer sections{.blog-list{padding-block:var(--space-lg) var(--space-xl);background-color:var(--color-white);color:var(--color-gray-900)}.blog-list__inner{gap:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}.blog-list__aside{gap:var(--space-md);grid-template-columns:minmax(0,1fr);align-content:start;min-inline-size:0;display:grid}.blog-list__aside-title{margin:0 0 var(--space-2xs);font-family:var(--font-headline);font-size:var(--size-lg);font-weight:700;line-height:var(--leading-headline);color:var(--color-gray-900);display:block}.blog-list__field{position:relative}.blog-list__input{min-block-size:2.75rem;inline-size:100%;padding:var(--space-2xs) var(--space-xl) var(--space-2xs) var(--space-xs);border:var(--border-width) solid var(--border-color);border-radius:var(--radius);font:inherit;line-height:var(--leading-body);background-color:var(--color-white);color:var(--color-gray-900)}.blog-list__submit{border-radius:0 var(--radius) var(--radius) 0;cursor:pointer;inline-size:2.75rem;color:var(--color-primary-readable);background-color:#0000;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;inset-block:0;inset-inline-end:0}.blog-list__submit:hover{background-color:var(--color-primary-tint)}.blog-list__topic-list{gap:var(--space-2xs);padding:0 0 var(--space-2xs);scrollbar-width:thin;margin:0;list-style:none;display:flex;overflow-x:auto}.blog-list__topic-list>li{flex:none}.blog-list__topic{align-items:center;gap:var(--space-2xs);white-space:nowrap;padding:var(--space-3xs) var(--space-xs);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-pill);font-size:var(--size-sm);line-height:var(--leading-body);background-color:var(--color-white);color:var(--color-gray-700);text-decoration:none;display:inline-flex}.blog-list__topic:hover{border-color:var(--color-primary);color:var(--color-gray-900)}.blog-list__topic[aria-current=true]{border-color:var(--color-primary);background-color:var(--color-primary-tint);color:var(--color-primary-readable);font-weight:600}.blog-list__topic-count{font-size:var(--size-xs);font-weight:600;line-height:var(--leading-body);color:var(--color-gray-600)}.blog-list__main{gap:var(--space-md);align-content:start;min-inline-size:0;display:grid}.blog-list__head{justify-content:space-between;align-items:baseline;gap:var(--space-3xs) var(--space-md);flex-wrap:wrap;display:flex}.blog-list__title{font-family:var(--font-headline);font-size:var(--size-subline);line-height:var(--leading-headline);margin:0}.blog-list__count{font-size:var(--size-sm);line-height:var(--leading-body);color:var(--color-gray-600);margin:0}.blog-list__reset{margin-inline-start:var(--space-2xs);font-weight:600}.blog-list__cards{gap:var(--space-md);margin:0;padding:0;list-style:none;display:grid;container-type:inline-size}.blog-list__card{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--color-white);color:var(--color-gray-900);transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:grid;position:relative;overflow:hidden}.blog-list__card:hover,.blog-list__card:focus-within{border-color:color-mix(in srgb, var(--color-primary) 20%, var(--color-white));box-shadow:var(--shadow-raised)}.blog-list__cover{aspect-ratio:16/9}.blog-list__body{gap:var(--space-2xs);padding:var(--space-md);flex-direction:column;display:flex}.blog-list__name{font-family:var(--font-headline);font-size:var(--size-xl);font-weight:700;line-height:var(--leading-headline);color:var(--color-gray-900);margin:0}.blog-list__link{color:inherit;text-decoration:none}.blog-list__link:after{content:"";border-radius:var(--radius-lg);position:absolute;inset:0}.blog-list__card-topics{gap:var(--space-3xs);flex-wrap:wrap;order:-1;margin:0;padding:0;list-style:none;display:flex}.blog-list__desc{font-size:var(--size-sm);line-height:var(--leading-loose);color:var(--color-gray-600);margin:0}.blog-list__foot{justify-content:space-between;align-items:center;gap:var(--space-2xs) var(--space-md);flex-wrap:wrap;margin-block-start:auto;padding-block-start:var(--space-2xs);display:flex}.blog-list__more{align-items:center;gap:var(--space-3xs);font-size:var(--size-sm);font-weight:600;line-height:var(--leading-body);color:var(--color-primary-readable);display:inline-flex}@container (min-width:52rem){.blog-list__card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.blog-list__cover{align-self:center}}@media (min-width:62rem){.blog-list{padding-block:var(--space-xl) var(--space-2xl)}.blog-list__inner{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,18rem);align-items:start}.blog-list__aside{grid-area:1/2}.blog-list__main{grid-area:1/1}.blog-list__topic-list{gap:var(--space-3xs);padding:0;display:grid;overflow-x:visible}.blog-list__topic{padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius);justify-content:space-between;display:flex}}}