/* vesta-blog-ui-v1.0: sidebar candidate v0.2 */
.blog-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;margin:0;padding:0;text-align:left;line-height:1.6}
.blog-breadcrumbs li{margin:0;max-width:100%;overflow-wrap:anywhere}
.blog-breadcrumbs li+li:before{content:"›";margin-right:10px;color:var(--muted)}
.blog-breadcrumbs [aria-current]{color:var(--muted);font-weight:400}
.blog-layout.blog-enhanced{display:grid;grid-template-columns:270px minmax(0,1fr);gap:28px;align-items:start;margin-top:26px}
.blog-results{min-width:0}
.blog-enhanced .blog-results .blog-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.blog-filters{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto;overscroll-behavior:contain;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin:0;align-self:start}
.blog-filters[hidden],.blog-empty[hidden],.blog-list>.card[hidden]{display:none!important}
.blog-filter-label{font-size:15px;font-weight:700;margin:0 0 12px;text-align:left}
.blog-topic-buttons{display:flex;flex-direction:column;gap:5px}
.blog-topic{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font:inherit;font-size:14px;line-height:1.4;cursor:pointer;border:1px solid transparent;border-radius:9px;padding:11px 10px;background:transparent;color:#0f172a;text-align:left}
.blog-topic span{flex:1;min-width:0}
.blog-topic b{font-weight:500;font-size:12px;min-width:24px;text-align:center;border-radius:6px;background:#eaf0f8;color:#64748b;padding:2px 5px;flex:none}
.blog-topic:hover{background:#edf2f8}
.blog-topic[aria-pressed="true"]{background:#eaf1ff;color:#1d4ed8;border-color:#c9dafb}
.blog-topic[aria-pressed="true"] b{background:#1d4ed8;color:#fff}
.blog-topic:focus-visible,.blog-mobile-select select:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}
.blog-filter-count,.blog-empty{color:var(--muted);font-size:13px;margin:14px 0 0;text-align:left}
.blog-mobile-select{display:none}
@media(max-width:800px){
.blog-layout.blog-enhanced{display:block;margin-top:22px}
.blog-filters{position:static;max-height:none;overflow:visible;margin:0 0 20px;padding:14px}
.blog-topic-buttons,.blog-filter-label{display:none}
.blog-mobile-select{display:block}
.blog-mobile-select label{display:block;color:#64748b;font-size:13px;margin-bottom:7px}
.blog-mobile-select select{width:100%;max-width:100%;min-height:46px;font:inherit;font-size:14px;padding:10px 30px 10px 12px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#0f172a}
.blog-enhanced .blog-results .blog-list{grid-template-columns:1fr}
.blog-breadcrumbs{font-size:13px}
}