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