#top-banner{background:#00000080 url(/build/backgrounds/blog_list.webp) fixed bottom no-repeat;background-blend-mode:multiply;background-size:cover;box-sizing:border-box;color:#fff;display:grid;height:32rem;place-items:center;width:100%}#top-banner .title{color:#fff}#blog-container{background-color:#f9f9f9;display:flex;gap:2rem;padding-block:var(--spacing-vertical-md) var(--spacing-vertical-lg);padding-inline:var(--spacing-lateral-xl)}#blog-container>section{flex:6 0 60%;min-width:0}#blog-container>aside{flex:3 0 30%}.filter-info{background-color:#fff;border:1px solid #dae5f5;border-radius:.5rem;margin-bottom:2rem;padding:1rem}.filter-info p{color:#2f2f2f;font:400 16px/24px Quicksand,sans-serif;margin:0 0 .5rem}.filter-info .clear-filter{color:#4287cf;font:500 14px/20px Quicksand,sans-serif;text-decoration:none}.filter-info .clear-filter:hover{text-decoration:underline}.empty-state{background-color:#fff;border:1px solid #dae5f5;border-radius:.5rem;padding:4rem 2rem;text-align:center}.empty-state p{color:#2f2f2f;font:400 18px/28px Quicksand,sans-serif;margin-bottom:1rem}.empty-state a{color:#4287cf;font:500 16px/24px Quicksand,sans-serif;text-decoration:none}.empty-state a:hover{text-decoration:underline}.pagination{align-items:center;display:flex;gap:2rem;justify-content:center;margin-block-start:2rem;padding:1rem}.pagination .pagination-link{border:1px solid #4287cf;border-radius:.25rem;color:#4287cf;font:500 16px/24px Quicksand,sans-serif;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.pagination .pagination-link:hover{background-color:#4287cf;color:#fff}.pagination .pagination-info{color:#2f2f2f;font:400 16px/24px Quicksand,sans-serif}.itemlist__row .itemlist__row{align-items:stretch;align-self:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:space-between;padding-block:var(--spacing-vertical-sm)}.itemlist__row .itemlist__item{align-items:stretch;background-color:#fff;border:1px solid #dae5f5;border-radius:.5rem;display:flex;flex:0 0 23rem;flex-direction:column;position:relative;text-decoration:none}.itemlist__row div.itemlist__item-image{flex:1 0;overflow:hidden}.itemlist__row .itemlist__item img{aspect-ratio:16/9;display:block;object-fit:cover;transition:transform .3s ease;width:100%}.itemlist__row .itemlist__item:hover div:has(img){overflow:hidden}.itemlist__row .itemlist__item:hover img{transform:scale(1.12)}.itemlist__row .itemlist__item:hover h4{color:#65becc}.itemlist__row .itemlist__item-info{display:flex;flex-basis:10rem;flex-direction:column;padding-block-end:1rem;padding-block-start:1.5rem;padding-inline:1rem}.itemlist__row .itemlist__item-info.grow{flex-grow:1}.itemlist__row .itemlist__item-info h4{color:#334e6f;font:600 18px/20px Quicksand,sans-serif;margin:0;margin-block-end:.5lh}.itemlist__row .itemlist__item-info p{color:#666;font:500 12px/24px Quicksand,sans-serif;margin-block:0 1rem;margin-inline:0}.itemlist__row .itemlist__item-metadata{align-items:center;border-top:1px solid #dae5f5;color:#666;display:flex;font-size:13px;gap:.25rem;margin-block-start:auto;padding-block-start:.5rem}.itemlist__row .itemlist__item-metadata svg{color:#65becc;height:18px;width:18px}.itemlist__row .itemlist__item-metadata svg~span{margin-inline-end:1rem}.itemlist__row{display:grid;gap:2rem;grid-template-columns:1fr;padding-block:0}.itemlist__item{background-color:#fff;border:1px solid #dae5f5;border-radius:.5rem;overflow:hidden}.itemlist__item-link{color:inherit;display:block;height:100%;text-decoration:none}.itemlist__row .itemlist__item{overflow:hidden;width:100%}.itemlist__row .itemlist__item img{aspect-ratio:24/9;height:auto}.itemlist__item:hover .itemlist__row .itemlist__item img{transform:scale(1.05)}.itemlist__item-info p.itemlist__item-summary{margin-block-end:2rem}.itemlist__item-metadata{flex-wrap:wrap;font:400 14px/20px Quicksand,sans-serif}.itemlist__item-metadata .tags-list{display:flex;flex-wrap:wrap;gap:.25rem}.itemlist__item-metadata .post-tag{color:#666;cursor:pointer;font-size:13px;transition:color .2s ease}.itemlist__item-metadata .post-tag:hover{color:#65becc}.tags-sidebar h3{color:#001a70;font:500 24px/28px Quicksand,sans-serif;margin-block-start:0;margin-bottom:1.5rem}.tags-sidebar .no-tags{background-color:#fff;border:1px solid #dae5f5;border-radius:.5rem;color:#2f2f2f;font:400 16px/24px Quicksand,sans-serif;margin:0;padding:2rem;text-align:center}.tags-sidebar .tags-grid{display:flex;flex-wrap:wrap;gap:.75rem}.tags-sidebar .tag-link{align-items:center;background-color:#fff;border:1px solid #dae5f5;border-radius:.25rem;color:#2f2f2f;display:flex;font-size:14px;justify-content:space-between;padding:.25rem .5rem;text-decoration:none}.tags-sidebar .tag-link:hover{background-color:#f8fbff;border-color:#001a70}.tags-sidebar .tag-link.active{background-color:#001a70;border-color:#001a70;color:#fff}.tags-sidebar .tag-link.active .tag-count{color:#fff}.tags-sidebar .tag-link .tag-name{flex:1;font:500 14px/20px Quicksand,sans-serif}.tags-sidebar .tag-link .tag-count{color:#666;font:400 12px/16px Quicksand,sans-serif;margin-inline-start:.5rem}#blog-container>aside .popular-blogpost-grid{display:flex;flex-direction:column;gap:1rem}#blog-container>aside .popular-blogpost-grid article{overflow:hidden}#blog-container>aside .popular-blogpost-grid article a{color:inherit;display:flex;height:100%;text-decoration:none}#blog-container>aside .popular-blogpost-grid .popular-blogpost-image{aspect-ratio:4/3;flex-shrink:0;overflow:hidden;width:80px}#blog-container>aside .popular-blogpost-grid .popular-blogpost-image img{display:block;height:100%;object-fit:cover;width:100%}#blog-container>aside .popular-blogpost-grid .popular-blogpost-content{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:.75rem}#blog-container>aside .popular-blogpost-grid .popular-blogpost-title{color:#2f2f2f;display:-webkit-box;font:500 14px/18px Quicksand,sans-serif;-webkit-line-clamp:2;line-clamp:2;margin:0 0 .5rem;text-overflow:ellipsis;-webkit-box-orient:vertical;line-height:1.3;overflow:hidden}.popular-blogpost-link:hover #blog-container>aside .popular-blogpost-grid .popular-blogpost-title{color:#4287cf}@media(max-width:768px){#blog-container{flex-direction:column}#blog-container>aside,#blog-container>section{flex:1 0 auto}#blog-container>aside .tags-grid{flex-direction:column}#list .itemlist__row{grid-template-columns:1fr}}