.article-card{flex-direction:column;height:100%;display:flex}.article-card-media{aspect-ratio:16/10;background-color:#f1f1f1;display:block;overflow:hidden}.article-card-img{object-fit:cover;width:100%;height:100%}.article-card-body{flex-direction:column;flex:1;gap:.5rem;padding-top:1rem;display:flex}.article-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;display:flex}.article-card-category{color:var(--color-main);padding-left:.75rem;font-size:14px;font-weight:500;text-decoration:none;position:relative}.article-card-category:before{content:"/";color:var(--color-accent-soft);position:absolute;left:0}.article-card-category:hover,.article-card-category:focus-visible{color:var(--link-color-hover)}.article-card-date{color:var(--color-grey)}.article-card-title{margin:0}.article-card-title a{color:var(--color-main);text-decoration:none}.article-card:hover .article-card-title a{color:var(--link-color-hover)}.article-card-title a:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.article-card-tags{flex-wrap:wrap;gap:.25rem .75rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.article-card-tag{color:var(--color-link);font-size:13px;font-weight:400;text-decoration:none}.article-card-tag:hover,.article-card-tag:focus-visible{color:var(--link-color-hover);text-decoration:underline}.blog-promo{background-color:var(--color-surface-soft)}.blog-promo-inner{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.blog-promo-heading{color:var(--color-main);margin:0}.blog-promo-text{max-width:40rem;color:var(--color-dark);margin:0}.blog-promo-actions{margin:.5rem 0 0}@media screen and (width>=768px){.blog-promo-inner{gap:1.25rem;padding:3rem}}.blog-search{border-bottom:1px solid var(--color-border-soft);align-items:center;gap:.5rem;margin-block:3rem;padding-block:.5rem;display:flex}.blog-search:focus-within{border-bottom-color:var(--color-accent)}.blog-search-input{min-width:0;color:var(--color-dark);font-family:var(--font-family-base);background:0 0;border:0;flex:1;padding:.5rem 0;font-size:16px}.blog-search-input::placeholder{color:var(--color-hint)}.blog-search-input:focus{outline:none}.blog-search-input::-webkit-search-cancel-button{appearance:none}.blog-search-submit{width:2.25rem;height:2.25rem;color:var(--color-main);cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .3s linear;display:inline-flex}.blog-search-submit svg{width:1.25rem;height:1.25rem}.blog-search-submit:hover{color:var(--color-accent)}.blog-search-submit:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media screen and (width>=992px){.blog-search{margin-block:4rem}}@media screen and (width>=1600px){.blog-search{margin-block:5rem}}.blog-aside{flex-direction:column;gap:1rem;display:flex}.blog-aside-title{color:var(--color-main);font-family:var(--font-family-heading);letter-spacing:.08em;text-transform:uppercase;align-items:center;margin:0;padding-block:.75rem;font-size:14px;font-weight:500;display:flex}.blog-aside-list{margin:0 0 .75rem;padding:0;list-style:none}.blog-aside-list li+li{margin-top:.125rem}.blog-aside-link{color:var(--color-dark);align-items:baseline;gap:.5rem;padding:.375rem 0 .375rem .875rem;font-weight:400;text-decoration:none;display:flex;position:relative}.blog-aside-link:before{content:"/";color:var(--color-accent-soft);position:absolute;left:0}.blog-aside-link:hover,.blog-aside-link:focus-visible{color:var(--link-color-hover)}.blog-aside-link.is-active{color:var(--color-accent);font-weight:500}.blog-aside-count{color:var(--color-grey);font-size:13px}.blog-aside-popular{margin-top:1rem}.blog-aside .blog-aside-popular-title{color:var(--color-main);margin:0 0 1.125rem}.blog-aside-popular-list{margin:0;padding:0;list-style:none}.blog-aside-popular-list li+li{margin-top:.875rem}.blog-aside-popular-link{color:var(--color-main);flex-direction:column;gap:.125rem;font-weight:500;text-decoration:none;display:flex}.blog-aside-popular-link:hover .blog-aside-popular-name,.blog-aside-popular-link:focus-visible .blog-aside-popular-name{color:var(--link-color-hover)}.blog-aside-popular-name{font-size:15px;line-height:1.35;transition:color .3s linear}.blog-aside-popular-date{color:var(--color-grey)}.blog-page{max-width:120rem;margin-inline:auto}.blog-page .blog-page-title{max-width:50rem;margin-bottom:2rem}.blog-layout{gap:2.5rem;display:grid}.blog-main{flex-direction:column;gap:2rem;min-width:0;display:flex}.blog-filter-note{color:var(--color-grey);margin:-1rem 0 0}.blog-grid{grid-template-columns:minmax(0,1fr);gap:2.5rem 1.5rem;display:grid}.blog-grid-wide{grid-column:1/-1}.blog-empty{color:var(--color-grey)}.blog-pagination{margin-top:1rem}@media screen and (width>=768px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width>=992px){.blog-layout{grid-template-columns:minmax(0,1fr) 18rem;gap:3.5rem}.blog-aside{overscroll-behavior:contain;scrollbar-width:thin;align-self:start;max-height:calc(100vh - 4rem);position:sticky;top:2rem;overflow:hidden auto}}
