.blog-index .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.blog-toolbar{position:sticky;top:calc(var(--ds-top) + var(--ds-nav-h));z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ds-card-gap);margin-inline:calc(-1 * var(--ds-frame-pad));padding:var(--ds-group-gap) var(--ds-frame-pad);border-bottom:1px solid var(--ds-rule);background:var(--ds-paper)}.blog-toolbar[hidden]{display:none}.blog-cats{display:flex;flex-wrap:wrap;gap:.25rem}.blog-cats button{padding:.5rem .8rem;border:1px solid transparent;border-radius:0;background:transparent;color:var(--ds-muted);font-family:var(--ds-sans);font-size:.9375rem;line-height:1.2;cursor:pointer;transition:color .15s ease,border-color .15s ease}.blog-cats button:hover{color:var(--ds-ink)}.blog-cats button:focus-visible{outline:1px solid var(--ds-ink);outline-offset:2px}.blog-cats button[aria-pressed=true]{border-color:var(--ds-rule-strong);background:var(--ds-paper);color:var(--ds-ink)}.blog-search{position:relative;display:flex;align-items:center;width:min(19rem,100%)}.blog-search svg{position:absolute;left:.75rem;width:1rem;height:1rem;fill:none;stroke:var(--ds-muted);stroke-width:2;stroke-linecap:round;pointer-events:none}.blog-search input{width:100%;height:2.5rem;padding:0 .85rem 0 2.3rem;border:1px solid var(--ds-rule-strong);border-radius:0;background:var(--ds-paper);color:var(--ds-ink);font-family:var(--ds-sans);font-size:.9375rem;transition:border-color .15s ease}.blog-search input::placeholder{color:var(--ds-muted)}.blog-search input:hover{border-color:var(--ds-muted)}.blog-search input:focus{border-color:var(--ds-ink);outline:none}.blog-index{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ds-block-gap)}:root .blog-index .blog-title{max-width:none;margin:0;text-align:left}.blog-index .blog-toolbar{margin-block:calc(-1 * var(--ds-group-gap))}.blog-latest-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-card-gap)}.blog-index .blog-latest-row .post-title{font-size:clamp(1.2rem,1.6vw,1.45rem)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--ds-card-gap)}.blog-index .blog-grid .post-title{font-size:clamp(1rem,1.25vw,1.125rem)}.blog-index .blog-grid .post-excerpt{-webkit-line-clamp:2}.blog-index:not([data-filtered]) .blog-grid>.post-card[data-latest]{display:none}.blog-index .blog-grid>.post-card[hidden]{display:none}.blog-index[data-filtered] .blog-latest{display:none}.blog-empty{margin:0;color:var(--ds-muted);font-size:.9375rem;text-align:center}.blog-empty[hidden]{display:none}.blog-empty button{margin-left:.4rem;padding:0;border:0;background:none;color:var(--ds-ink);font:inherit;text-decoration:underline;text-decoration-color:var(--ds-rule-strong);text-underline-offset:3px;cursor:pointer}@media(max-width:1180px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.blog-index{gap:var(--ds-card-gap)}:root .blog-index .blog-title{margin-bottom:calc(var(--ds-title-gap) - var(--ds-card-gap))}.blog-toolbar{flex-direction:column-reverse;align-items:stretch;gap:.6rem}.blog-search{width:100%}.blog-search input{height:var(--ds-ph-btn-h);font-size:1rem}.blog-cats{flex-wrap:nowrap;margin-inline:calc(-1 * var(--ds-frame-pad));padding-inline:var(--ds-frame-pad);overflow-x:auto;scrollbar-width:none}.blog-cats::-webkit-scrollbar{display:none}.blog-cats button{flex:none;padding:.45rem .65rem;font-size:var(--ds-ph-meta)}.blog-latest-row{display:flex;gap:.6rem;margin-inline:calc(-1 * var(--ds-frame-pad));padding:0 var(--ds-frame-pad) .25rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.blog-latest-row::-webkit-scrollbar{display:none}.blog-index .blog-latest-row>.post-card{display:flex;flex:0 0 82%;flex-direction:column;scroll-snap-align:start;scroll-snap-stop:always}.blog-index .blog-latest-row>.post-card:last-child{scroll-snap-align:end}.blog-index .blog-latest-row>.post-card:first-child{scroll-margin-inline-start:var(--ds-frame-pad)}.blog-index .blog-latest-row .post-title{font-size:var(--ds-ph-card-title)}.blog-grid{grid-template-columns:minmax(0,1fr);gap:.6rem}.blog-index .blog-grid>.post-card{display:grid;grid-row:auto;grid-template-columns:6.5rem minmax(0,1fr);grid-template-rows:auto}.blog-index .blog-grid .post-card-cover{height:100%;aspect-ratio:auto;border-right:1px solid var(--ds-rule);border-bottom:0}.blog-index .blog-grid .post-card-body{padding:.7rem .8rem}.blog-index .blog-grid .post-tag{margin-bottom:.4rem;padding:.2rem .4rem;font-size:var(--ds-ph-label)}.blog-index .blog-grid .post-title{margin-bottom:.4rem;font-size:var(--ds-ph-meta);line-height:1.25;letter-spacing:-.01em}.blog-index .blog-grid .post-excerpt,.blog-index .blog-grid .post-read{display:none}.blog-index .blog-grid .post-meta{gap:.75rem;font-size:var(--ds-ph-label)}}