.blog-listing-hero .article-hero-copy{max-width:34rem;padding-block:var(--space-5) var(--space-3)}.blog-listing-hero.article-hero .article-hero-inner{max-width:var(--container)}.blog-listing-hero:after{background:linear-gradient(90deg, var(--surface-category-blue) 0%, var(--surface-category-blue) 48%, transparent 65%)}.blog-listing-hero h1{font-size:var(--heading-hero);font-weight:var(--weight-heavy)}.blog-listing-hero .article-hero-image{object-position:75% 55%;width:80%}.blog-listing-lead{margin-top:var(--space-3);font-size:var(--heading-action);font-weight:var(--weight-semibold);line-height:var(--leading-tight)}.blog-listing-introduction{max-width:32rem;margin-top:var(--space-3);line-height:var(--leading-body)}.blog-listing-hero .article-annotation{max-width:9rem;text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:var(--space-3);text-decoration-thickness:4px}.container.blog-index-container{max-width:var(--container)}.blog-filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.blog-filters--tabs{margin-bottom:var(--space-6)}.blog-filters button{min-height:var(--control-height);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-small);background:var(--surface-category-blue);color:var(--navy);font-size:var(--text-small);font-weight:var(--weight-semibold);cursor:pointer}.blog-filters--tabs button[aria-pressed=true]{background:var(--green-dark);color:var(--white);border-color:var(--green-dark)}.blog-index-layout{grid-template-columns:minmax(0, 1fr) var(--article-sidebar-width);align-items:start;gap:var(--space-6);display:grid}.blog-index-main{min-width:0}.blog-results-heading:focus{clip:auto;white-space:normal;width:auto;height:auto;margin-bottom:var(--space-4);font-size:var(--text-body);outline:2px solid var(--green-dark);outline-offset:var(--space-1);position:static;overflow:visible}.blog-results-status{margin-bottom:var(--space-4);color:var(--muted)}.blog-post-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.blog-post-card{border:1px solid var(--border);background:var(--white);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.blog-card-visual{position:relative}.blog-card-visual img{aspect-ratio:1.9;object-fit:cover;width:100%;height:auto}.blog-card-visual .blog-card-image--contain{object-fit:contain;background:var(--surface-category-blue)}.blog-card-badge{bottom:calc(-1 * var(--space-2));left:var(--space-3);max-width:calc(100% - var(--space-6));padding:var(--space-1-5) var(--space-2);border-radius:var(--radius-small);background:var(--yellow);color:var(--navy);font-size:var(--text-meta);font-weight:var(--weight-bold);line-height:var(--leading-label);text-transform:uppercase;position:absolute}.blog-card-badge--mint{background:var(--green-light)}.blog-card-badge--green{background:var(--surface-category-green);color:var(--green-dark)}.blog-card-badge--blue{background:var(--category-blue);color:var(--white)}.blog-card-badge--rose{background:var(--danger-dark);color:var(--white)}.blog-card-body{align-items:flex-start;gap:var(--space-2);padding:var(--space-5) var(--space-4) var(--space-2);flex-direction:column;flex:1;display:flex}.blog-card-date{color:var(--muted)}.blog-card-body h3{font-size:var(--text-body);line-height:var(--leading-tight)}.blog-card-body h3 a{text-decoration:none}.blog-card-body h3 a:hover{text-underline-offset:var(--space-1);text-decoration:underline}.blog-card-body>p{line-height:var(--leading-body);-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-card-more{min-height:var(--control-height);color:var(--green-dark);margin-top:auto}.blog-pagination{margin-top:var(--space-6)}.blog-pagination ul{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.blog-pagination button{min-width:var(--control-height);min-height:var(--control-height);padding:var(--space-2);border-radius:var(--radius-circle);background:var(--surface-category-blue);color:var(--navy);cursor:pointer;border:0}.blog-pagination button[aria-current=page]{background:var(--green-dark);color:var(--white)}.blog-empty{padding:var(--space-6);border-radius:var(--radius);background:var(--surface-category-blue)}.blog-index-sidebar .article-panel-heading>.icon{color:var(--green-dark)}.blog-sidebar-search{background:var(--surface-advice)}.blog-search-form{margin-top:var(--space-4);display:flex}.blog-search-form input{width:100%;min-width:0;min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-input);background:var(--white);color:var(--navy);font-size:var(--text-small)}.blog-search-form .button{flex-shrink:0;margin:0}.blog-filters--list{margin-top:var(--space-3);gap:0;display:grid}.blog-filters--list button{align-items:center;gap:var(--space-3);text-align:left;font-weight:var(--weight-regular);background:0 0;border:0;padding-inline:0;display:flex}.blog-filters--list .icon{color:var(--green-dark);width:1rem;height:1rem}.blog-filters--list button[aria-pressed=true]{color:var(--green-dark);font-weight:var(--weight-bold);text-underline-offset:var(--space-1);text-decoration:underline}.blog-index-sidebar .article-panel--share{background:var(--surface-category-blue)}.blog-index-sidebar .related-article-link{gap:var(--space-3)}.blog-index-sidebar .related-article-link>.icon{display:none}.blog-index-sidebar .related-article-link img{width:4rem;height:3rem}.blog-index-sidebar .related-article-link time{margin-top:var(--space-1)}.blog-post-card[hidden],.blog-filters[hidden],.blog-pagination[hidden],.blog-empty[hidden]{display:none}@media (width<=71.99rem){.blog-listing-hero .article-annotation{display:none}.blog-index-layout{--article-sidebar-width:18rem}.blog-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=55.99rem){.blog-listing-hero .article-hero-image{width:100%}.blog-index-layout{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.blog-index-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=37.49rem){.blog-post-grid,.blog-index-sidebar{grid-template-columns:minmax(0,1fr)}.blog-filters--tabs button{flex:auto}}.blog-archive-links{margin-top:var(--space-5);border-top:1px solid var(--border)}.blog-archive-links summary{min-height:var(--control-height);padding-block:var(--space-4);cursor:pointer;font-weight:var(--weight-semibold)}.blog-archive-links a{min-height:var(--control-height);padding-block:var(--space-2);display:block}.blog-archive-links a[aria-current]{color:var(--green-dark);font-weight:var(--weight-bold)}
