.topic-page main.home-page{max-width:1200px;margin:auto;padding:0 32px}.topic-page .exercise-card{font:inherit;text-align:left;width:100%;cursor:pointer}.topic-page .exercise-card .card-bottom{width:100%}@media(max-width:600px){.topic-page main.home-page{padding:0 20px}}
.topic-page .hero{grid-template-columns:1fr;gap:0;padding:46px 0 36px}
.topic-page .hero-copy>p:not(.eyebrow){max-width:740px;margin-bottom:0}
.topic-page .catalog-tools{align-items:flex-start;flex-wrap:wrap}
.topic-page .filters{flex:1 1 600px}
.topic-page .search-box{flex:1 1 220px}
.topic-page .exercise-nav>span{overflow-wrap:anywhere;text-align:right}
.topic-page .exercise-nav button{flex-shrink:0}
.topic-page .empty-state{grid-column:1 / -1}
@media(max-width:600px){.topic-page .hero{padding:32px 0}.topic-page .hero h1{font-size:34px;overflow-wrap:anywhere}.topic-page .filters,.topic-page .search-box{flex-basis:auto}.topic-page .exercise-nav{align-items:flex-start;flex-wrap:wrap}}

.topic-page .filter:not(.active) span{background:var(--soft);color:var(--muted)}