.topics-page-container{padding:2rem 0}.topics-loading-container{padding:2rem;text-align:center}.topics-header{margin-bottom:2rem}.topics-subtitle{color:#666;margin-top:.5rem}.topics-search-container{margin-bottom:2rem}.topics-search-input{width:100%;max-width:500px;padding:.75rem 1rem;font-size:1rem;border:1px solid #ddd;border-radius:8px;outline:none;transition:border-color .2s ease}.topics-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(0,102,204,.1)}.topics-empty-state{text-align:center;padding:2rem}.topics-empty-text{color:#999}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}@media (max-width:480px){.topics-grid{grid-template-columns:1fr}}.topics-card-link{text-decoration:none;display:block}.topics-card{height:100%;padding:1.5rem;cursor:pointer;transition:all .3s ease;border:1px solid #e5e7eb;border-radius:12px;background-color:var(--color-surface);display:flex;flex-direction:column}.topics-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.topic-icon{font-size:2.5rem;margin-bottom:1rem}.topic-title{font-size:1.25rem;margin-bottom:.5rem;color:var(--color-text-primary);font-weight:600}.topic-description{color:#666;font-size:.875rem;margin-bottom:1rem;line-height:1.5}.topic-role-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#f3f4f6;border-radius:6px;font-size:.875rem;margin-top:auto}.topic-role-text{color:#666}.topic-question-count{margin-top:.75rem;font-size:.875rem;color:#0070f3;font-weight:500}@media (max-width:768px){.topics-page-container{padding:1.5rem 0}.topics-search-input{max-width:100%}.topics-grid{gap:1rem}.topics-card{padding:1.25rem}}@media (min-width:1024px){.topics-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}