/* A compact primary navigation and a visually distinct topic-filter row. */
.filters{position:sticky;top:16px;z-index:9;align-items:center;gap:6px;padding:4px 0 8px;margin:0 0 12px;background:#fff;scroll-padding-inline:4px;overscroll-behavior-x:contain}
.filters button{flex:0 0 auto;min-height:34px;padding:6px 12px;border:0;border-radius:999px;background:#f2f3f1;color:#52585b;font-size:12px;line-height:22px;font-weight:500;letter-spacing:0;white-space:nowrap;transition:background-color .16s,color .16s}
.filters button[aria-pressed=true]{background:#181a1b;color:#fff;font-weight:650}
.filters button:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
@media(hover:hover){.filters button:not([aria-pressed=true]):hover{background:#e7e9e6;color:#17191a}}
.mobile-nav,.filters{scrollbar-width:none}
.mobile-nav::-webkit-scrollbar,.filters::-webkit-scrollbar{display:none}
body[data-category=all] .load{margin:0;padding:0;min-height:1px}
body[data-category=all] #load-more{display:none!important}
.feed-progress{min-height:32px;padding:8px 0 24px;text-align:center;color:#707578;font-size:13px;line-height:1.5;overflow-anchor:none}
.feed-progress:empty{min-height:1px;padding:0}
.feed-progress button{display:inline-flex;min-height:40px;align-items:center;margin-inline-start:8px;color:#17191a;font-size:13px;text-decoration:underline;text-underline-offset:3px}
.card{scroll-margin-top:76px}
@media(max-width:759px){
 .mobile-header{margin-bottom:0;border:0;box-shadow:none}
 .header-top{padding:12px 16px 6px;gap:16px}
 .mobile-nav{height:40px;gap:18px;justify-content:space-between;padding:0 16px;scroll-padding-inline:16px;overscroll-behavior-x:contain}
 .mobile-nav a{display:flex;flex:0 0 auto;align-items:center;min-height:40px;padding:0;font-size:13px;line-height:20px;font-weight:550;letter-spacing:-.015em;color:#666c6f}
 .mobile-nav a[aria-current]{font-weight:700;color:#17191a}
 .mobile-nav a[aria-current]:after{height:2px;bottom:3px;left:0;right:0;border-radius:2px;background:var(--orange)}
 .filters{top:var(--nav-header-height,94px);gap:6px;padding:4px 0 6px;margin:0 0 10px;background:#fff}
 .filters button{min-height:32px;padding:6px 11px;font-size:12px;line-height:20px}
 body[data-category=all] .layout{padding-top:10px}
 .card{scroll-margin-top:calc(var(--nav-header-height,94px) + 54px)}
}
@media(prefers-reduced-motion:reduce){.filters button{transition:none}}