.sbma-blog-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 242px;
    gap: 30px;
}
.sbma-blog-sidebar nav {
    display: grid;
    border: 1px solid #ececec;
    border-radius: 3px;
}
.sbma-blog-sidebar a {
    padding: 12px 17px;
    color: var(--ink, #373a36);
    font-size: 14px;
}
.sbma-blog-sidebar a + a { border-top: 1px solid #ececec; }
.sbma-blog-sidebar a[aria-current="page"],
.sbma-blog-sidebar a:hover { background: #f6f6f6; }
.sbma-blog-years { margin-bottom: 24px; }
.sbma-blog-layout .sbma-cards { gap: 22px; }
.sbma-blog-layout .sbma-card { border-radius: 3px; background: #fff; }
.sbma-blog-layout .sbma-card-photo { aspect-ratio: 1.6; }
.sbma-blog-layout .sbma-card-body {
    position: relative;
    display: block;
    min-height: 128px;
    padding: 20px 24px 45px;
}
.sbma-blog-layout .sbma-card-body h2 { margin: 0; font-size: 17px; }
.sbma-blog-layout .sbma-card-body .sbma-meta { position: absolute; bottom: 12px; margin: 0; }
.sbma-card-topic { margin: 0 0 10px; color: #6a6d67; font-size: 11px; text-transform: uppercase; }
.sbma-blog-back { margin-top: 32px; }
@media (max-width: 1000px) {
    .sbma-blog-layout { grid-template-columns: minmax(0, 1fr) 190px; gap: 20px; }
    .sbma-blog-layout .sbma-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .sbma-blog-layout { display: flex; flex-direction: column; }
    .sbma-blog-sidebar { order: -1; }
    .sbma-blog-sidebar nav { display: flex; flex-wrap: wrap; padding: 4px; }
    .sbma-blog-sidebar a { padding: 7px 10px; }
    .sbma-blog-sidebar a + a { border-top: 0; }
}
@media (max-width: 480px) {
    .sbma-blog-layout .sbma-cards { grid-template-columns: 1fr; }
}