.topic-directory-container{background-color:#fff;color:#1a1a1b;font-family:Clear Sans,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow-y:auto;padding:40px 20px}.topic-directory-top{display:flex;justify-content:flex-end;margin-bottom:.5rem}.topic-directory-header{border-bottom:1px solid #d3d6da;margin-bottom:40px;padding-bottom:20px;text-align:center}.topic-directory-title{color:#1a1a1b;font-size:2.5rem;font-weight:700;letter-spacing:.05em;margin-bottom:10px}.topic-directory-subtitle{color:#515353;font-size:1.1rem;margin:0 auto;max-width:600px}.topic-directory-search{background-color:#fff;border:1px solid #666;border-radius:4px;box-sizing:border-box;font-size:16px;margin-top:1.25rem;max-width:400px;padding:10px;width:100%}.topic-directory-search:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.topic-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1000px;padding-bottom:60px}.topic-card{background-color:#fff;border:2px solid #d3d6da;border-radius:4px;color:#1a1a1b;cursor:pointer;display:flex;flex-direction:column;height:auto;min-height:200px;padding:20px;text-decoration:none;transition:all .2s ease}.topic-card:hover{background-color:#f6f7f8;border-color:#4a8440;transform:translateY(-2px)}.topic-card-content{display:flex;flex-direction:column;flex-grow:1}.topic-card-title{color:#1a1a1b;font-size:1.5rem;font-weight:700;margin-bottom:10px}.topic-card-description{color:#414344;flex-grow:1;font-size:.9rem;line-height:1.5;margin-bottom:20px}.topic-card-footer{align-items:center;border-top:1px solid #d3d6da;display:flex;justify-content:space-between;margin-top:auto;padding-top:15px}.topic-word-count{color:#858788;font-size:.8rem;font-weight:600;text-transform:uppercase}.topic-play-btn{border-radius:4px;color:#fff;font-size:.9rem;font-weight:700;padding:8px 16px;text-transform:uppercase;transition:background-color .2s}.topic-card:hover .topic-play-btn,.topic-play-btn{background-color:#4a8440}@media (max-width:768px){.topic-directory-title{font-size:2rem}.topic-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=761.942dc5b3.chunk.css.map*/