.blog-filters{align-items:center;gap:var(--sx-space-24);margin-bottom:var(--sx-space-24);flex-wrap:wrap;display:flex}.blog-filters[hidden],[data-blog-card][hidden]{display:none}.blog-filters label{gap:var(--sx-space-8);min-width:var(--sx-size-160);flex:1;display:grid}.blog-filters input[type=search]{width:100%;min-height:var(--sx-layout-touch);padding:var(--sx-space-12);font:inherit;color:var(--sx-color-ink);background:var(--sx-color-surface);border-radius:var(--sx-layout-radius-control);border:0}.blog-filters input[type=search]:focus-visible{outline:var(--sx-size-3) solid var(--sx-color-ink);outline-offset:var(--sx-size-3)}.blog-result-count{margin-bottom:var(--sx-space-24)}.blog-toolbar-title{font-size:var(--type-lead);margin-right:auto}.blog-filter-menu{position:relative}.blog-filter-menu summary{cursor:pointer;align-items:center;gap:var(--sx-space-12);min-height:var(--sx-layout-touch);list-style:none;display:flex}.blog-filter-menu summary::-webkit-details-marker{display:none}.blog-filter-popover{right:0;top:calc(100% + var(--sx-space-12));z-index:5;width:min(var(--sx-size-320),calc(100vw - var(--gutter)*2));gap:var(--sx-space-24);padding:var(--sx-space-24);background:var(--sx-color-paper);border-radius:var(--sx-layout-radius-card);box-shadow:0 var(--sx-space-8) var(--sx-space-24) color-mix(in srgb,var(--sx-color-ink) 13%,transparent);border:0;display:grid;position:absolute}.blog-view-controls{gap:var(--sx-space-4);display:flex}.blog-view-controls button{width:var(--sx-layout-touch);height:var(--sx-layout-touch);color:var(--sx-color-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.blog-view-controls button[aria-pressed=true]{background:var(--sx-color-surface);color:var(--sx-color-ink)}.blog-view-controls svg{width:var(--sx-space-24);height:var(--sx-space-24)}[data-blog-index][data-view=list] [data-blog-results]{grid-template-columns:1fr;gap:0}[data-view=list] .blog-card-image{display:none}[data-view=list] .blog-card-body{padding-block:var(--sx-space-24);border-bottom:var(--sx-size-1) solid var(--sx-color-surface);grid-template-columns:minmax(0,1fr) minmax(0,.45fr) auto;align-items:center}[data-view=list] .blog-card h2{font-size:var(--type-lead);grid-column:1}[data-view=list] .blog-card p{grid-column:2}[data-view=list] .blog-card-arrow{grid-area:1/3;align-self:center}@media (width<=767px){.blog-toolbar-title{width:100%}.blog-filter-popover{left:0;right:auto}[data-view=list] .blog-card-body{grid-template-columns:minmax(0,1fr) auto}[data-view=list] .blog-card p{grid-column:1}[data-view=list] .blog-card-arrow{grid-area:1/2/3}}.blog-filter-menu summary{padding:var(--sx-space-12) var(--sx-space-24);border-radius:var(--sx-layout-radius-control);background:var(--sx-color-surface);transition:background var(--sx-motion-body)}.blog-filter-menu[open] summary,.blog-filter-menu summary:hover,.blog-view-controls button[aria-pressed=true]{background:var(--sx-color-accent);color:var(--sx-color-ink)}.filter-chevron{width:var(--sx-space-8);height:var(--sx-space-8);border-right:var(--sx-size-1) solid;border-bottom:var(--sx-size-1) solid;transition:transform var(--sx-motion-body);transform:rotate(45deg)}[open] .filter-chevron{transform:rotate(225deg)}.blog-options{gap:var(--sx-space-8);border:0;margin:0;padding:0;display:grid}.blog-options legend{margin-bottom:var(--sx-space-12)}.blog-options label{min-width:0;display:block;position:relative}.blog-options input{opacity:0;position:absolute}.blog-options span{padding:var(--sx-space-12) var(--sx-space-16);border-radius:var(--sx-layout-radius-control);background:var(--sx-color-surface);transition:background var(--sx-motion-body);display:block}.blog-options input:checked+span,.blog-options label:hover span{background:var(--sx-color-accent)}.blog-options input:focus-visible+span{outline:var(--sx-size-3) solid var(--sx-color-ink);outline-offset:var(--sx-size-3)}@media (prefers-reduced-motion:reduce){.blog-filter-menu summary,.filter-chevron,.blog-options span{transition:none}}@media (width<=767px){.blog-filters{position:relative}.blog-filter-menu{position:static}.blog-filter-popover{width:100%;left:0;right:0}}.editorial-copy p{font-size:var(--type-intro);line-height:var(--sx-leading-intro);letter-spacing:var(--sx-tracking-intro)}