.blog-page,.blog-article{--blog-surface:var(--site-color-surface);--blog-line:var(--site-color-border);--blog-muted:var(--site-color-muted);background:var(--site-color-background);color:var(--site-color-ink);font-family:var(--site-font-family)}.blog-page{min-height:60dvh;padding-block:var(--site-space-10) var(--site-space-20)}.blog-container{width:100%;max-width:var(--site-frame-width);padding-inline:var(--site-gutter);margin-inline:auto}:is(.blog-page,.blog-article) :is(a,button,summary):focus-visible{outline:var(--site-focus-ring-width) solid var(--site-focus-ring-color);outline-offset:4px}@media (width>=1024px){.blog-container{padding-inline:var(--site-desktop-gutter)}}@media (width<=650px){.blog-page{padding-block:var(--site-space-6) var(--site-space-14)}}@media (prefers-reduced-motion:reduce){.blog-card *,.blog-toolbar *{transition-property:opacity,color,background-color,border-color,box-shadow,outline-color!important}}.blog-page .blog-container{gap:var(--site-space-8);flex-direction:column;display:flex}.blog-listing-heading h1{max-width:780px;font-size:var(--site-heading-page);letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:500;line-height:1.12}.blog-listing-heading>p{max-width:65ch;margin:var(--site-space-3) 0 0;color:var(--blog-muted);font-size:var(--site-text-base);line-height:1.5}.blog-grid{gap:var(--site-space-11) var(--site-space-7);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.blog-grid.is-sparse{grid-template-columns:minmax(0,1fr)}.blog-state{align-items:flex-start;gap:var(--site-space-6);padding:var(--site-space-12);background:var(--blog-surface);border-top:1px solid var(--blog-line);flex-direction:column;display:flex}.blog-state>svg{color:var(--blog-muted)}.blog-state p{max-width:480px;font-size:var(--site-text-md);color:var(--blog-muted);margin:0;line-height:1.7}.blog-state :is(a,button){align-items:center;gap:var(--site-space-5);min-height:44px;color:inherit;font:inherit;font-size:var(--site-text-sm);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none;display:inline-flex}.blog-state :is(a,button):hover{color:var(--site-color-brand)}@media (width<=1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.blog-page .blog-container{gap:var(--site-space-5)}.blog-listing-heading h1{font-size:var(--site-heading-section)}.blog-listing-heading>p{margin-top:var(--site-space-2);font-size:var(--site-text-sm)}.blog-grid{gap:var(--site-space-8);grid-template-columns:1fr}.blog-state{padding:var(--site-space-8) var(--site-space-6)}}.blog-toolbar{gap:var(--site-space-1) var(--site-space-7);scrollbar-width:none;border-bottom:1px solid var(--blog-line);flex-wrap:nowrap;display:flex;overflow-x:auto}.blog-toolbar::-webkit-scrollbar{display:none}.blog-filter-button{min-height:52px;padding:var(--site-space-3) 0;color:var(--blog-muted);font-size:var(--site-text-sm);transition:color var(--site-duration-base) ease, border-color var(--site-duration-base) ease;border-bottom:2px solid #0000;flex:none;align-items:center;font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex}.blog-filter-button:hover{color:var(--site-color-ink)}.blog-filter-button.is-active{color:var(--site-color-brand);border-bottom-color:var(--site-color-brand)}@media (width<=650px){.blog-toolbar{gap:0 var(--site-space-5)}.blog-filter-button{font-size:var(--site-text-sm);min-height:44px}}.blog-card{min-width:0}.blog-card-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.blog-card-image{aspect-ratio:4/3;background:var(--blog-surface);display:block;position:relative;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:scale var(--site-duration-slow) var(--site-motion-ease-out);display:block;position:absolute;inset:0}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.blog-card-link:hover .blog-card-image img{scale:1.03}}.blog-card-title,.blog-card-action{transition:color var(--site-duration-base) ease}.blog-card-body{min-width:0;padding-top:var(--site-space-5);flex-direction:column;flex:1;display:flex}.blog-card-meta{gap:var(--site-space-1) var(--site-space-4);margin-bottom:var(--site-space-3);color:var(--blog-muted);font-size:var(--site-text-sm);flex-wrap:wrap;align-items:center;line-height:1.5;display:flex}.blog-card-meta>span:first-child{color:var(--site-color-brand)}.blog-card-title :is(h2,h3){font-size:var(--site-text-xl);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:500;line-height:1.25}.blog-card-link:hover .blog-card-title{color:var(--site-color-brand)}.blog-card-body>p{margin:var(--site-space-3) 0 var(--site-space-5);color:var(--blog-muted);font-size:var(--site-text-sm);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-action{align-items:center;gap:var(--site-space-2);width:fit-content;min-height:44px;color:var(--site-color-navy);font-size:var(--site-text-sm);margin-top:auto;font-weight:500;display:inline-flex}.blog-card-action svg{transition:translate var(--site-duration-medium)}.blog-card-link:hover .blog-card-action svg{translate:calc(2px * var(--site-inline-sign)) -2px}[dir=rtl] .blog-card-action svg{scale:-1 1}.blog-card.is-featured .blog-card-link,.blog-card.is-wide .blog-card-link{gap:var(--site-space-12);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;display:grid}.blog-card.is-text-only.is-featured .blog-card-link,.blog-card.is-text-only.is-wide .blog-card-link{grid-template-columns:1fr}.blog-card.is-featured .blog-card-body,.blog-card.is-wide .blog-card-body{padding:0}.blog-featured-label{align-items:center;gap:var(--site-space-3);margin-bottom:var(--site-space-4);color:var(--blog-muted);font-size:var(--site-text-xs);display:flex}.blog-featured-label:before{content:"";background:var(--site-color-brand);width:6px;height:6px}.blog-card.is-featured :is(h2,h3),.blog-card.is-wide :is(h2,h3){font-size:var(--site-heading-subsection);line-height:1.2}.blog-card.is-featured .blog-card-body>p,.blog-card.is-wide .blog-card-body>p{margin:var(--site-space-4) 0 var(--site-space-5);font-size:var(--site-text-base)}.blog-card.is-featured .blog-card-action,.blog-card.is-wide .blog-card-action{margin-top:0}@media (width<=900px){.blog-card.is-featured .blog-card-link,.blog-card.is-wide .blog-card-link{gap:var(--site-space-5);grid-template-columns:1fr}}@media (width<=650px){.blog-card.is-featured .blog-card-body>p,.blog-card.is-wide .blog-card-body>p{margin-top:var(--site-space-3);font-size:var(--site-text-sm)}}.blog-pagination{justify-content:center;align-items:center;gap:var(--site-space-2);padding-block:var(--site-space-8);flex-wrap:wrap;display:flex}.blog-page-arrow,.blog-page-number,.blog-page-dots{justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.blog-page-arrow,.blog-page-number{border:1px solid var(--site-color-border);background:var(--site-color-white);color:var(--site-color-ink)}.blog-page-arrow:hover,a.blog-page-number:hover{border-color:var(--site-color-navy);background:var(--site-color-surface)}.blog-page-arrow.is-disabled{background:var(--site-color-surface);color:var(--site-color-muted);cursor:not-allowed}.blog-page-number{font-size:var(--site-text-sm);font-weight:600}.blog-page-number.is-active{border-color:var(--site-color-navy);background:var(--site-color-navy);color:var(--site-color-white)}.blog-page-dots{color:var(--site-color-muted);font-size:var(--site-text-sm);font-weight:500}.article{row-gap:var(--site-space-10);padding-top:var(--site-space-10);grid-template-columns:minmax(0,1fr) min(720px,100%) minmax(0,1fr);display:grid}.article>*{grid-column:2}.article-hero h1{font-size:var(--site-heading-page);letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:500;line-height:1.12}.article-hero-meta{gap:var(--site-space-1) var(--site-space-5);margin:0 0 var(--site-space-4);color:var(--blog-muted);font-size:var(--site-text-sm);flex-wrap:wrap;line-height:1.5;display:flex}.article-hero-meta>span:first-child{color:var(--site-color-brand)}.article .article-hero-image{aspect-ratio:2;background:var(--blog-surface);grid-column:1/-1;justify-self:center;width:min(1040px,100%);margin:0;position:relative;overflow:hidden}.article-hero-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%;display:block;position:absolute;inset:0}@media (width<=650px){.article{row-gap:var(--site-space-6);padding-top:var(--site-space-6)}.article-hero h1{font-size:var(--site-heading-section)}.article-hero-meta{margin-bottom:var(--site-space-3)}.article .article-hero-image{aspect-ratio:4/3}}.blog-article-container{width:100%;max-width:var(--site-frame-width);gap:var(--site-space-16);padding:var(--site-space-6) var(--site-gutter) var(--site-space-20);flex-direction:column;margin-inline:auto;display:flex}@media (width>=1024px){.blog-article-container{padding-inline:var(--site-desktop-gutter)}}.article-body-content{gap:var(--site-space-6);display:grid}.article-body-content h2{margin:var(--site-space-4) 0 0;color:var(--site-color-ink);font-size:var(--site-heading-card);letter-spacing:-.025em;font-weight:500;line-height:1.25}.article-body-content h2:first-child{margin-top:0}.article-body-content p{color:var(--site-color-ink);font-size:var(--site-text-md);white-space:pre-line;overflow-wrap:anywhere;margin:0;line-height:1.7}.article-body-content>p:first-child{font-size:var(--site-text-lg);line-height:1.6}.article-body-content figure{padding-block:var(--site-space-3);margin:0}.article-body-content img{aspect-ratio:16/10;background:var(--blog-surface);object-fit:contain;width:100%;display:block}@media (width<=650px){.blog-article-container{gap:var(--site-space-12);padding-block:var(--site-space-4) var(--site-space-14)}.article-body-content{gap:var(--site-space-5)}.article-body-content p{font-size:var(--site-text-base)}.article-body-content>p:first-child{font-size:var(--site-text-md)}}.article-share{justify-content:space-between;align-items:center;gap:var(--site-space-4) var(--site-space-6);padding-top:var(--site-space-6);border-top:1px solid var(--blog-line);flex-wrap:wrap;display:flex}.article-share>p{color:var(--blog-muted);font-size:var(--site-text-sm);margin:0;line-height:1.5}.article-share>div{gap:var(--site-space-2);display:flex}.article-share a{border:1px solid var(--blog-line);width:44px;height:44px;color:var(--site-color-ink);transition:border-color var(--site-duration-base), color var(--site-duration-base);place-items:center;display:grid}.article-share a:hover{border-color:var(--site-color-navy);color:var(--site-color-navy)}.article-related{padding-top:var(--site-space-10);border-top:1px solid var(--blog-line)}.article-related.is-empty{border-top:0;padding-top:0}.article-related>h2{color:var(--site-color-ink);font-size:var(--site-heading-section);letter-spacing:-.025em;margin:0;font-weight:500;line-height:1.2}.article-related>.blog-grid{margin-top:var(--site-space-8)}.article-related-action{margin-top:var(--site-space-8);display:flex}.article-related.is-empty .article-related-action{width:min(720px,100%);margin:0 auto}.article-related-action a{align-items:center;gap:var(--site-space-2);min-height:44px;color:var(--site-color-navy);font-size:var(--site-text-sm);font-weight:500;text-decoration:none;display:inline-flex}.article-related-action a:hover{text-underline-offset:4px;text-decoration:underline}.article-related-action svg{transition:translate var(--site-duration-medium)}.article-related-action a:hover svg{translate:calc(2px * var(--site-inline-sign)) 0}[dir=rtl] .article-related-action svg{scale:-1 1}.blog-article-container:has(>.article-related.is-empty){row-gap:var(--site-space-8)}
