.bcs{width:100%;display:flex;flex-flow:row wrap;justify-content:center;padding-top:2rem;padding-bottom:1rem}.bcs .bc{text-decoration:none;padding:.5rem 1rem;border:1px solid var(--clr-1);color:var(--clr-1);font-weight:500}.bcs .bc.active{background-color:var(--clr-1);color:var(--clr-2);font-weight:700}.blog .blog-card:nth-child(2n)>a>div{padding:.5rem;border:1px solid var(--clr-4-pale);border-radius:.5rem;background-color:hsla(var(--clr-4-pale-val),.2);box-shadow:0 0 4px hsla(var(--clr-4-pale-val),1)}.blog .blog-card:nth-child(odd)>a>div{padding:.5rem;border:1px solid var(--clr-1);border-radius:.5rem;background-color:hsla(var(--clr-1-val),.2);box-shadow:0 0 4px hsla(var(--clr-1-val),1)}.blog-card>a{color:unset}.blog-card img{border:1px solid rgba(0,0,0,.5);object-fit:cover;aspect-ratio:3 / 2}.blog .blog-card{padding:.5rem;word-wrap:break-word;word-break:break-word}.blog .blog-card{flex:1 0 100%}.blog:not(.search) .blog-card:nth-child(1){flex:1 0 100%}.blog.search .blog-card:nth-child(1) .category-btn{margin-top:.5rem}.blog .blog-card:not(:nth-child(1)) .row{display:flex;flex-direction:column}.blog-card .category-btn{background-color:var(--clr-1);color:#fff;text-transform:uppercase;width:fit-content;padding:.25rem .5rem;border-radius:50rem;margin-top:.5rem}.recent-related-posts{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--clr-4-pale);background-color:var(--bs-dark)}.recent-related-posts>div{position:-webkit-sticky;position:sticky;top:calc(var(--topbar-height) + var(--navbar-height) + 1rem)}.recent-posts,.related-posts{background-color:hsla(var(--clr-1-val),.3);padding:.5rem;border-radius:.25rem}.recent-posts>div div,.related-posts>div div{background-color:hsla(var(--clr-1-val),.3);padding:.5rem;box-shadow:0 0 2px var(--clr-1);border-radius:.25rem}.recent-posts a,.related-posts a{color:unset;text-decoration:none;transition:all ease .3s}.recent-related-posts a:not(.all):hover{background-color:hsla(var(--clr-1-val),.6);border-radius:.25rem;transform:scale(1.02)}.recent-posts a .title,.related-posts a .title{font-size:1.1rem}.recent-related-posts div:has(>.all){padding:0}.recent-posts .all,.related-posts .all{box-shadow:0 0 2px var(--clr-4)}.recent-related-posts .all{display:block;width:100%;padding:.5rem;background-color:var(--clr-4);border-radius:.25rem;transition:all ease .3s}.recent-related-posts .all:hover{background-color:var(--clr-4-pale)}.recent-related-posts .all .bi{margin-left:-28px;opacity:0;transition:all ease .3s}.recent-related-posts .all:hover span{opacity:1;margin-left:.5rem}.publish-time{opacity:.4}@media screen and (min-width:768px){.blog-card .category-btn{margin-top:0}.blog .blog-card{flex:0 0 33.33%}.blog .blog-card:not(:nth-child(1)) .category-btn{margin-top:.5rem}}@media screen and (min-width:992px){.recent-related-posts{border-left:1px solid var(--clr-4-pale);margin-top:0;border-top:none}}