/* topics.css — shared styles for /topics/ hub pages */

.topic-hub{max-width:920px;margin:0 auto;padding:48px 24px}
.topic-hub h1{font-size:2.4rem;font-weight:800;line-height:1.15;margin-bottom:16px;color:var(--color-text-primary)}
.topic-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--color-cyan);font-weight:700;margin-bottom:8px}
.topic-hub .topic-intro{font-size:1.05rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:40px}
.topic-section{margin-bottom:40px}
.topic-section h2{font-size:1.3rem;font-weight:700;margin-bottom:20px;color:var(--color-text-primary);padding-bottom:8px;border-bottom:1px solid var(--color-border-subtle)}
.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.topic-card{display:block;padding:16px 18px;border:1px solid var(--color-border-glass);border-radius:12px;background:var(--color-bg-surface);text-decoration:none;color:inherit;transition:border-color .25s,transform .25s,box-shadow .25s}
.topic-card:hover{border-color:rgba(0,240,255,0.25);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,240,255,0.06);text-decoration:none}
.topic-card .card-kind{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--color-cyan);font-weight:700;margin-bottom:6px}
.topic-card .card-title{font-size:15px;font-weight:600;color:var(--color-text-primary);line-height:1.4;margin-bottom:4px}
.topic-card .card-desc{font-size:13px;color:var(--color-text-muted);line-height:1.5}
.topic-cta{margin-top:48px;padding:24px 28px;border-radius:14px;background:linear-gradient(135deg,rgba(0,240,255,0.08),rgba(123,47,247,0.08));border:1px solid rgba(0,240,255,0.18);text-align:center}
.topic-cta p{font-size:1rem;color:var(--color-text-primary);margin-bottom:16px}
.topic-cta .cta-btn{display:inline-block;padding:12px 28px;background:linear-gradient(135deg,#00f0ff,#7b2ff7);color:#080b12;font-weight:700;font-size:14px;border-radius:10px;text-decoration:none}

/* Topics index landing */
.topics-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.topics-index-grid .topic-card{padding:20px 22px}
.topics-index-grid .card-title{font-size:18px}