.blog-sidebar{width:17.5em;display:flex;flex-direction:column;gap:2em}@media (max-width:1024px){.blog-sidebar{width:100%;gap:1em}}.blog-menu{display:block}@media (max-width:1024px){.blog-menu{display:none}}.blog-menu h4{font-size:1.75em;border-bottom:1px solid var(--color-base-secondary-accent);padding-bottom:.5em;margin-bottom:.75em}.blog-menu ul{display:flex;flex-direction:column;gap:.5em}.blog-menu ul a{font-size:.875em}.blog-menu ul .active{font-weight:700}.blog-recent{display:block}@media (max-width:1024px){.blog-recent{display:none}}.blog-recent h4{font-size:1.75em;border-bottom:1px solid var(--color-base-secondary-accent);padding-bottom:.5em;margin-bottom:.75em}.blog-recent ul{display:flex;flex-direction:column;gap:1em;line-height:1.35}.blog-recent ul p{margin:0}.blog-recent ul .article-date span{font-size:.6875em}.blog-recent ul li{display:flex;gap:.75em;border-bottom:1px solid var(--color-base-secondary-accent);padding-bottom:1em}.blog-recent ul a span{font-size:.875em}.blog-recent ul .article-details{width:100%}.blog-recent ul .article-image{top:0;opacity:1;transition-property:top,opacity;transition-duration:.25s;transition-timing-function:ease-out;position:relative;width:5em}.blog-recent ul .article-image img{width:100%}.blog-recent ul .article-image.preload{top:.5em;opacity:0}.blog-select{display:none}@media (max-width:1024px){.blog-select{display:block}}.blog-select select{width:100%}