:root{--glass-bg: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .2);--shadow-lg: 0 10px 30px -5px rgba(212, 175, 55, .1);--accent-gradient: linear-gradient(135deg, #d4af37, #2980b9)}body.dark-mode{--glass-bg: rgba(30, 30, 46, .95);--glass-border: rgba(255, 255, 255, .05);--shadow-lg: 0 10px 30px -5px rgba(0, 0, 0, .3)}.topic-container{max-width:1100px;margin:2rem auto;padding:2.5rem 1.5rem;animation:fadeIn .5s ease-out}.breadcrumbs{margin-bottom:1.5rem;font-size:.88rem;color:#64748b;background:#fff9;display:inline-block;padding:.6rem 1.2rem;border-radius:999px;border:1px solid rgba(0,0,0,.04)}.breadcrumbs a{color:#d4af37;text-decoration:none;font-weight:500}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs i{margin:0 .5rem;font-size:.7rem;color:#94a3b8}.topic-header{background:linear-gradient(135deg,#d4af3708,#2980b908);border:1px solid rgba(212,175,55,.1);border-radius:1.25rem;padding:2.5rem;margin-bottom:2rem;text-align:center;position:relative;overflow:hidden}.topic-header h1{font-family:Outfit,sans-serif;font-size:clamp(2rem,5vw,2.5rem);font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.75rem;line-height:1.2}.topic-desc{color:#475569;font-size:1rem;line-height:1.7;max-width:700px;margin:0 auto}.topic-meta-bar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.05)}.back-link{display:inline-block;margin-bottom:1.5rem;color:#d4af37;text-decoration:none;font-weight:600;font-size:.9rem}.back-link:hover{text-decoration:underline}.study-tabs{display:flex;flex-wrap:wrap;gap:.5rem;padding:.55rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1rem;margin-bottom:2rem;position:sticky;top:88px;z-index:100;backdrop-filter:blur(16px);justify-content:center}.tab-btn{border:none;background:transparent;color:#475569;padding:.65rem 1.1rem;border-radius:999px;cursor:pointer;font-weight:600;font-size:.9rem;font-family:Outfit,sans-serif;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#d4af3714;color:#d4af37}.tab-btn.active{background:var(--accent-gradient);color:#fff;box-shadow:0 8px 20px #d4af3740}.topic-content{min-height:400px}.tab-panel{display:none;animation:slideUp .4s ease-out}.tab-panel.active{display:block}.content-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-lg)}.content-card h2{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.content-card h2 i{color:#d4af37}.content-card p,.content-card li{font-size:.95rem;color:var(--text-light);line-height:1.7}.content-card ul{margin:.5rem 0;padding-left:1.5rem}.content-card li{margin-bottom:.5rem}@media(max-width:768px){.study-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.4rem;scrollbar-width:none;justify-content:flex-start}.study-tabs::-webkit-scrollbar{display:none}.tab-btn{font-size:.85rem;padding:.5rem .9rem}.topic-container{padding:0 1rem 2rem}.topic-header{padding:1.5rem 1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}