.topic-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.topic-main-content{max-width:56rem;margin:0 auto}.topic-header-card{background-color:var(--bg-primary);border-radius:.5rem;box-shadow:0 10px 15px -3px var(--shadow-color),0 4px 6px -2px var(--shadow-color);padding:1.5rem;margin-bottom:2rem}.topic-header-layout{display:flex;justify-content:space-between;align-items:flex-start}.topic-title{font-size:1.875rem;font-weight:700;color:var(--text-primary)}.topic-category{color:var(--text-tertiary);margin-top:.5rem}.topic-breadcrumb{margin-top:1rem;margin-bottom:.5rem;font-size:.875rem}.topic-breadcrumb a{color:var(--link-color);text-decoration:none}.topic-breadcrumb a:hover{color:var(--link-hover)}.topic-breadcrumb .breadcrumb-separator{margin:0 .5rem}.topic-breadcrumb .breadcrumb-current{color:var(--text-secondary)}.topic-action-button{padding:.5rem 1rem;border-radius:.25rem;margin-top:.5rem;display:inline-block;text-decoration:none;font-weight:500}.topic-edit-button{background-color:var(--button-bg);color:#fff}.topic-edit-button:hover{background-color:var(--button-hover)}.topic-add-resource-button{background-color:#10b981;color:#fff;margin-left:.5rem}.topic-add-resource-button:hover{background-color:#059669}.topic-content-card{background-color:var(--bg-primary);border-radius:.5rem;box-shadow:0 10px 15px -3px var(--shadow-color),0 4px 6px -2px var(--shadow-color);padding:1.5rem;margin-bottom:2rem}.topic-section{margin-bottom:1.5rem}.topic-section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.topic-section-text{color:var(--text-secondary)}.topic-list{list-style-type:disc;list-style-position:inside;color:var(--text-secondary)}.topic-list li{margin-bottom:.5rem}.topic-empty-state{text-align:center;color:var(--text-tertiary);padding:2rem 0}.topic-empty-state a{color:var(--link-color);text-decoration:none;margin-top:.5rem;display:inline-block}.topic-empty-state a:hover{color:var(--link-hover)}.topic-resources-card{background-color:var(--bg-primary);border-radius:.5rem;box-shadow:0 10px 15px -3px var(--shadow-color),0 4px 6px -2px var(--shadow-color);padding:1.5rem;margin-bottom:2rem}.topic-resources-list{display:flex;flex-direction:column;gap:1rem}.topic-resource-item{padding:1rem;border:1px solid var(--border-color);border-radius:.5rem;transition:background-color .2s ease}.topic-resource-item:hover{background-color:var(--bg-secondary)}.topic-resource-layout{display:flex;justify-content:space-between;align-items:flex-start}.topic-resource-content{display:flex;gap:.75rem;flex:1}.topic-resource-image{width:4rem;height:4rem;object-fit:cover;border-radius:.5rem;border:1px solid var(--border-color);flex-shrink:0}.topic-resource-details{flex:1;min-width:0}.topic-resource-title{font-weight:600;color:var(--text-primary)}.topic-resource-link{color:var(--link-color);text-decoration:none}.topic-resource-link:hover{color:var(--link-hover)}.topic-resource-external-icon{font-size:.75rem;margin-left:.25rem}.topic-resource-description{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem}.topic-resource-url{font-size:.75rem;color:var(--text-tertiary);margin-top:.5rem}.topic-resource-actions{display:flex;gap:.5rem;margin-left:1rem}.topic-resource-action{color:var(--link-color);font-size:.875rem;text-decoration:none}.topic-resource-action:hover{color:var(--link-hover)}.topic-resource-delete{color:#ef4444;background:none;border:none;cursor:pointer;font-size:.875rem}.topic-resource-delete:hover{background-color:#dc2626}.topic-resource-voting{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.topic-resource-vote-buttons{display:flex;gap:.5rem}.topic-resource-vote-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background-color:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.875rem}.topic-resource-vote-btn:hover{background-color:var(--bg-secondary);border-color:var(--text-tertiary)}.topic-resource-vote-btn:disabled{opacity:.5;cursor:not-allowed}.topic-resource-vote-btn.voted{border-color:var(--link-color);background-color:var(--link-color);color:#fff}.topic-resource-vote-btn.upvote-btn.voted{background-color:#10b981;border-color:#10b981}.topic-resource-vote-btn.downvote-btn.voted{background-color:#ef4444;border-color:#ef4444}.vote-count{font-weight:500;font-size:.8125rem}.topic-resource-vote-score{font-size:.875rem;color:var(--text-secondary);font-weight:500}.vote-score{color:var(--text-primary)}.topic-related-card{background-color:var(--bg-primary);border-radius:.5rem;box-shadow:0 10px 15px -3px var(--shadow-color),0 4px 6px -2px var(--shadow-color);padding:1.5rem}.topic-related-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.topic-related-grid{grid-template-columns:repeat(2,1fr)}}.topic-related-item{padding:1rem;border:1px solid var(--border-color);border-radius:.5rem;text-decoration:none;color:inherit;transition:background-color .2s ease}.topic-related-item:hover{background-color:var(--bg-secondary)}.topic-related-title{font-weight:600;color:var(--text-primary)}.topic-related-description{font-size:.875rem;color:var(--text-secondary);margin-top:.25rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}