.topic-content .content-box{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:.75rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem}.topic-content .content-box h3{margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.3}.topic-content .content-box h4{margin-top:1rem;margin-bottom:.5rem;font-size:1.05rem;font-weight:600}.topic-content .content-box h5{margin-bottom:.35rem;font-size:.95rem;font-weight:600}.topic-content .content-box p{color:hsl(var(--muted-foreground));margin-bottom:.75rem;line-height:1.7}.topic-content .content-box ul,.topic-content .content-box ol{margin-bottom:.75rem;padding-left:1.25rem}.topic-content .content-box li{color:hsl(var(--muted-foreground));margin-bottom:.35rem;line-height:1.6}.topic-content .content-box strong{color:hsl(var(--foreground));font-weight:600}.topic-content .content-box table{border-collapse:collapse;width:100%;margin:.75rem 0;font-size:.9rem}.topic-content .content-box th,.topic-content .content-box td{border:1px solid hsl(var(--border));text-align:left;padding:.5rem .75rem}.topic-content .content-box th{background:hsl(var(--muted));color:hsl(var(--foreground));font-weight:600}.topic-content .content-box td{color:hsl(var(--muted-foreground))}.topic-content .content-box img{border-radius:.5rem;max-width:100%;height:auto;margin:.5rem auto;display:block}.topic-content .box-story{border-left:4px solid #a855f7}.topic-content .box-story h3,.topic-content .box-story h4{color:#a855f7}.topic-content .box-deepdive{border-left:4px solid #2563eb}.topic-content .box-deepdive h3,.topic-content .box-deepdive h4{color:#2563eb}.topic-content .box-facts{border-left:4px solid #22c55e}.topic-content .box-facts h3,.topic-content .box-facts h4{color:#22c55e}.topic-content .box-definition{background:#1e40af0a;border-left:4px solid #1e40af}.topic-content .box-definition h3,.topic-content .box-definition h4{color:#1e40af}.topic-content .box-mechanism{background:#0d94880a;border-left:4px solid #0d9488}.topic-content .box-mechanism h3,.topic-content .box-mechanism h4{color:#0d9488}.topic-content .box-comparison{background:#47556908;border-left:4px solid #475569}.topic-content .box-comparison h3,.topic-content .box-comparison h4{color:#475569}.topic-content .box-misconception{background:#dc26260a;border-left:4px solid #dc2626}.topic-content .box-misconception h3,.topic-content .box-misconception h4{color:#dc2626}.topic-content .box-memory-aid{background:#d977060a;border-left:4px solid #d97706}.topic-content .box-memory-aid h3,.topic-content .box-memory-aid h4{color:#d97706}.topic-content .box-calculation{background:#7c3aed0a;border-left:4px solid #7c3aed}.topic-content .box-calculation h3,.topic-content .box-calculation h4{color:#7c3aed}.topic-content .box-exam-focus{background:#ca8a040a;border-left:4px solid #ca8a04}.topic-content .box-exam-focus h3,.topic-content .box-exam-focus h4{color:#ca8a04}.topic-content .box-tips{border-left:4px solid #f59e0b}.topic-content .box-tips h3,.topic-content .box-tips h4{color:#f59e0b}.topic-content .box-equation{border-left:4px solid #06b6d4}.topic-content .box-equation h3,.topic-content .box-equation h4{color:#06b6d4}.topic-content .box-practical{background:#0596690a;border-left:4px solid #059669}.topic-content .box-practical h3,.topic-content .box-practical h4{color:#059669}.topic-content .box-higher-only{background:#7c3aed08;border-left:4px dashed #7c3aed}.topic-content .box-higher-only h3,.topic-content .box-higher-only h4{color:#7c3aed}.topic-content .box-diagram{text-align:center;border-left:4px solid #2563eb}.topic-content .analogy{border:1px solid hsl(var(--border));background:hsl(var(--muted)/.2);border-radius:.5rem;margin:.75rem 0;padding:1rem}.topic-content .analogy-title{color:hsl(var(--foreground));margin-bottom:.5rem;font-weight:600}.topic-content .grade-pill{border-radius:9999px;padding:.1rem .5rem;font-size:.7rem;font-weight:600}.topic-content .grade-pill.higher{color:#7c3aed;background:#7c3aed1a}.topic-content .responsive-diagram{max-width:100%;height:auto;margin:.5rem auto;display:block}.topic-content .box-causation{background:#b453090a;border-left:4px solid #b45309}.topic-content .box-causation h3{color:#b45309}.topic-content .box-significance{background:#7c3aed0a;border-left:4px solid #7c3aed}.topic-content .box-significance h3{color:#7c3aed}.topic-content .box-interpretation{background:#0284c70a;border-left:4px solid #0284c7}.topic-content .box-interpretation h3{color:#0284c7}.topic-content .box-source-analysis{background:#be123c0a;border-left:4px solid #be123c}.topic-content .box-source-analysis h3{color:#be123c}.topic-content .box-knowledge-organiser{border:2px solid #2563eb;border-radius:.75rem;margin-top:1.5rem;padding:1.25rem}.topic-content .ko-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:640px){.topic-content .ko-grid{grid-template-columns:1fr}}.topic-content .ko-section h5{color:hsl(var(--foreground));margin-bottom:.5rem;font-weight:700}.topic-content .organelle-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin:.75rem 0;display:grid}.topic-content .organelle-card{border:1px solid hsl(var(--border));background:hsl(var(--muted)/.3);border-radius:.5rem;padding:.75rem}.topic-content .organelle-card.plant-specific{background:#22c55e0a;border-color:#22c55e}.topic-content .quick-check{border:1px dashed hsl(var(--border));background:hsl(var(--muted)/.2);border-radius:.5rem;margin:1rem 0;padding:1rem}.topic-content .quick-check-question{color:hsl(var(--foreground));margin-bottom:.5rem}.topic-content .quick-check-reveal{border:1px solid hsl(var(--border));background:hsl(var(--background));color:hsl(var(--foreground));cursor:pointer;border-radius:.375rem;padding:.35rem .75rem;font-size:.85rem;transition:background .15s}.topic-content .quick-check-reveal:hover{background:hsl(var(--muted))}.topic-content .must-memorise{background:linear-gradient(90deg,#dc26260f,#0000);border-left:4px solid #dc2626;border-radius:0 .375rem .375rem 0;margin:.5rem 0;padding:.75rem 1rem}.topic-content .cause-chain{flex-direction:column;gap:.5rem;display:flex}.topic-content .cause-item{color:hsl(var(--muted-foreground));background:#d977060a;border-left:3px solid #d97706;border-radius:0 .375rem .375rem 0;padding:.75rem 1rem;line-height:1.6}.topic-content .evidence-list{padding-left:0;list-style:none}.topic-content .evidence-list li{padding:.35rem 0 .35rem 1.5rem;position:relative}.topic-content .evidence-list li:before{content:"📌";position:absolute;left:0}.topic-content .quote-box{border-left:3px solid hsl(var(--muted-foreground));background:hsl(var(--muted)/.3);border-radius:0 .5rem .5rem 0;margin:1rem 0;padding:1rem 1.5rem}.topic-content .quote-text{color:hsl(var(--foreground));margin-bottom:.35rem;font-size:1.05rem;font-style:italic}.topic-content .quote-source{color:hsl(var(--muted-foreground));font-size:.85rem}.topic-content .exam-tips .tip{margin-bottom:1rem}.topic-content .exam-tips .tip:last-child{margin-bottom:0}.topic-content .stats-table,.topic-content .styled-table{border-collapse:collapse;width:100%}.topic-content .stats-table tr:nth-child(2n),.topic-content .styled-table tr:nth-child(2n){background:hsl(var(--muted)/.3)}.topic-content dl{margin:.5rem 0}.topic-content dt{color:hsl(var(--foreground));margin-top:.5rem;font-weight:600}.topic-content dd{color:hsl(var(--muted-foreground));margin-bottom:.5rem;margin-left:1rem}.topic-content .story-hook{color:hsl(var(--muted-foreground));font-style:italic;line-height:1.8}.sample-flashcard{border:1px solid hsl(var(--border));border-radius:.75rem;overflow:hidden}.sample-flashcard-front{background:hsl(var(--muted)/.3);color:hsl(var(--foreground));border-bottom:1px solid hsl(var(--border));padding:1rem 1.25rem;font-weight:600}.sample-flashcard-back{color:hsl(var(--muted-foreground));white-space:pre-line;padding:1rem 1.25rem;line-height:1.6}.sample-question{border:1px solid hsl(var(--border));border-radius:.75rem;padding:1.25rem}.sample-question-stem{color:hsl(var(--foreground));margin-bottom:.75rem;font-weight:500;line-height:1.5}.sample-question-options{flex-direction:column;gap:.35rem;padding:0;list-style:none;display:flex}.sample-question-options li{border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));background:hsl(var(--background));border-radius:.375rem;padding:.5rem .75rem;font-size:.9rem}.sample-question-meta{gap:.5rem;margin-top:.5rem;display:flex}.sample-question-badge{background:hsl(var(--muted));color:hsl(var(--muted-foreground));border-radius:9999px;padding:.15rem .5rem;font-size:.75rem}