.topic-strip{--pill-gap:.5rem;--pill-height:40px;--arrow-size:40px;--fade-width:18px}.topic-viewport{overflow:visible;position:relative;height:auto;scroll-behavior:smooth!important}.topic-track{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-center;height:auto;overflow:visible;scroll-snap-type:none}.topic-track::-webkit-scrollbar{display:none}.topic-pill{scroll-snap-align:start;white-space:nowrap}.topic-pill>button{line-height:1.5}.topic-nav{position:absolute;top:50%;width:var(--arrow-size);height:var(--arrow-size);padding:0;display:inline-flex;align-items:center;justify-content:center;z-index:2;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.topic-nav-left{left:.25rem}.topic-nav-right{right:.25rem}.topic-viewport::before{left:0;background:linear-gradient(to right,var(--bs-body-bg),transparent)}.topic-viewport::after{right:0;background:linear-gradient(to left,var(--bs-body-bg),transparent)}.topic-pill button{border-color:#6c757d;color:#6c757d}.topic-pill button.active{border-color:var(--bs-info);background:var(--bs-info-bg-subtle,rgba(13,202,240,.15));color:var(--bs-info);position:relative;z-index:2!important}.topic-pill button:focus{box-shadow:none!important}.topic-pill button:hover{color:var(--bs-info);border-color:var(--bs-info);background:0 0;cursor:pointer!important}.topic-pill button.active:hover{color:var(--bs-info);background:var(--bs-info-bg-subtle,rgba(13,202,240,.15))}