.card{background:var(--s1);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1.2rem}.card-title{font-family:var(--mono);font-size:.72rem;color:var(--cyan);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.8rem}.card.success{border-color:#4ade804d;background:linear-gradient(135deg,var(--s1),rgba(74,222,128,.03))}.card.success .card-title{color:var(--green)}.card.error{border-color:#f871714d;background:linear-gradient(135deg,var(--s1),rgba(248,113,113,.03))}.card.error .card-title{color:var(--red)}.card.warn{border-color:#fb923c4d;background:linear-gradient(135deg,var(--s1),rgba(251,146,60,.03))}.card.warn .card-title{color:var(--orange)}.card.card-callout-warning{background:linear-gradient(165deg,rgba(251,146,60,.14),var(--s2));border:2px solid rgba(251,146,60,.45);color:var(--text)}.card.card-callout-warning h3,.card.card-callout-warning h4{color:#fb923c}div.card.card-callout-warning>h4{margin-top:0}.card.card-callout-warning h3{margin:0 0 1rem;font-size:1.05rem;font-weight:700}.card.card-callout-warning p,.card.card-callout-warning li{color:var(--muted)}.card.card-callout-danger{background:linear-gradient(165deg,rgba(248,113,113,.12),var(--s2));border:2px solid rgba(248,113,113,.45);color:var(--text)}.card.card-callout-danger h3,.card.card-callout-danger h4{color:#f87171;margin-top:0;margin-bottom:.35rem}.card.card-callout-danger p,.card.card-callout-danger li{color:var(--muted)}.card-callout-nested{background:var(--s3);padding:1.2rem;border-radius:8px;border:1px solid rgba(251,146,60,.35);margin-bottom:1rem}.card-callout-nested:last-child{margin-bottom:0}.card-callout-nested h4{color:#fb923c;margin:0 0 .5rem}.callout-rule-code{font-family:var(--mono);font-size:1.05rem;color:#fdba74;font-weight:700;margin:0 0 .5rem}.card-callout-nested>p:not(.callout-rule-code){color:var(--muted);margin:.5rem 0 0}.card[style*="#fef3c7"],.card[style*=fef3c7]{background:linear-gradient(165deg,rgba(251,146,60,.14),var(--s2))!important;border:2px solid rgba(251,146,60,.45)!important;color:var(--text)!important}.card[style*="#fee2e2"],.card[style*=fee2e2]{background:linear-gradient(165deg,rgba(248,113,113,.12),var(--s2))!important;border:2px solid rgba(248,113,113,.45)!important;color:var(--text)!important}.card[style*="#fef3c7"] h3,.card[style*="#fef3c7"] h4,.card[style*=fef3c7] h3,.card[style*=fef3c7] h4{color:#fb923c!important}.card[style*="#fee2e2"] h3,.card[style*="#fee2e2"] h4,.card[style*=fee2e2] h3,.card[style*=fee2e2] h4{color:#f87171!important}.card[style*="#fef3c7"]>div[style*="background: white"],.card[style*=fef3c7]>div[style*="background: white"]{background:var(--s3)!important;border-color:#fb923c59!important}.card[style*="#fef3c7"]>div[style*="background: white"] h4,.card[style*=fef3c7]>div[style*="background: white"] h4{color:#fb923c!important}.card[style*="#fef3c7"]>div[style*="background: white"] p[style*="color: #f59e0b"],.card[style*=fef3c7]>div[style*="background: white"] p[style*="color: #f59e0b"]{color:#fdba74!important}div[style*="background: white"][style*="border: 2px solid #f59e0b"]{background:var(--s3)!important;border-color:#fb923c59!important;color:var(--text)}div[style*="background: white"][style*="border: 2px solid #f59e0b"] p:not([style*="color: #f59e0b"]){color:var(--muted)}.card.visual-card{background:linear-gradient(135deg,var(--s1),rgba(167,139,250,.03));border-color:#a78bfa33}.card.example{background:linear-gradient(135deg,var(--s1),rgba(34,211,238,.03));border-color:#22d3ee33}.card.interactive{background:linear-gradient(135deg,var(--s1),rgba(251,146,60,.03));border-color:#fb923c33}.card.interactive .card-title{color:var(--orange)}.bangla-block{font-family:Hind Siliguri,sans-serif;color:var(--muted);font-size:.92rem;line-height:1.7;margin-top:.8rem;padding:.8rem 1rem;background:var(--s2);border-left:2px solid var(--purple);border-radius:6px}.bangla{font-family:Hind Siliguri,sans-serif;color:var(--muted)}.card p{margin:.8rem 0;line-height:1.7}.card p:first-child{margin-top:0}.card p:last-child{margin-bottom:0}.card ul,.card ol{margin:.8rem 0;padding-left:1.5rem}.card li{margin:.4rem 0;line-height:1.6}.styled-table{width:100%;border-collapse:collapse;font-size:.88rem;margin:1rem 0;overflow-x:auto;display:block}.styled-table thead tr{background:var(--s2);color:var(--cyan);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.styled-table th,.styled-table td{padding:.8rem 1rem;text-align:left;border:1px solid var(--border)}.styled-table tbody tr{background:var(--s1)}.styled-table tbody tr:hover{background:var(--s2)}@media (max-width: 768px){.styled-table{font-size:.8rem}.styled-table th,.styled-table td{padding:.6rem .8rem}}.card p,.card ul,.card ol{max-width:800px}.card.visual-card p,.card.visual-card ul,.card.interactive p,.card.interactive ul{max-width:none}pre{overflow-x:auto;max-width:100%}button{max-width:100%}.card input,.card select,.card textarea{max-width:100%;box-sizing:border-box}.grid2,.two-col-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.2rem}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1.2rem}@media (max-width: 700px){.grid2,.grid3,.two-col-grid{grid-template-columns:1fr}}.code-wrap{background:#020408;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:1.2rem;max-width:100%}.code-header{background:var(--s2);padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.code-filename{font-family:var(--mono);font-size:.72rem;color:var(--muted)}.code-src{font-family:var(--mono);font-size:.68rem;color:var(--orange);background:#fb923c1a;padding:.15rem .5rem;border-radius:4px}.code-body{padding:1.2rem;font-family:var(--mono);font-size:.82rem;line-height:1.9;overflow-x:auto;white-space:pre}.k{color:#f472b6}.t{color:#22d3ee}.c{color:#4b5563;font-style:italic}.s{color:#fbbf24}.n{color:#4ade80}.m{color:#a78bfa}.p{color:#fb923c}.bn{background:linear-gradient(135deg,#fb923c0a,#fb923c14);border:1px solid rgba(251,146,60,.25);border-left:3px solid var(--orange);border-radius:0 10px 10px 0;padding:1rem 1.2rem;margin:1rem 0}.bn-label{font-family:var(--mono);font-size:.65rem;color:var(--orange);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.4rem}.bn p,.bn li{font-size:.93rem;color:var(--text)}.bn ul{padding-left:1.2rem}.bn li{margin-bottom:.3rem}.tip{background:#22d3ee0a;border:1px solid rgba(34,211,238,.2);border-left:3px solid var(--cyan);border-radius:0 10px 10px 0;padding:.9rem 1.1rem;margin:1rem 0;font-size:.9rem}.tip strong{color:var(--cyan)}.warn{background:#fbbf240a;border:1px solid rgba(251,191,36,.2);border-left:3px solid var(--yellow);border-radius:0 10px 10px 0;padding:.9rem 1.1rem;margin:1rem 0;font-size:.9rem}.warn strong{color:var(--yellow)}.tt-wrap{overflow-x:auto;margin:1rem 0}table.tt{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:.83rem}.tt th{background:var(--s3);color:var(--cyan);padding:.6rem 1.2rem;text-align:center;border-bottom:2px solid var(--cyan);font-size:.78rem;letter-spacing:1px}.tt td{padding:.45rem 1.2rem;text-align:center;border-bottom:1px solid var(--border)}.tt tr:hover td{background:var(--s2)}.v1{color:var(--green);font-weight:700}.v0{color:var(--muted)}.vhi{background:#22d3ee12!important}.vhi td{color:var(--cyan)}.gate-diagram{background:#020408;border:1px solid var(--border);border-radius:8px;padding:1rem;display:flex;justify-content:center;align-items:center;min-height:120px;overflow:auto}.pyramid{display:flex;flex-direction:column;align-items:center;gap:3px;padding:1.2rem}.pyr-row{display:flex;align-items:center;justify-content:center;border-radius:6px;font-family:var(--mono);font-weight:700;font-size:.78rem;letter-spacing:1px;padding:.5rem 0;text-align:center;transition:all .2s;cursor:default}.pyr-row:hover{filter:brightness(1.3);transform:scaleX(1.01)}.cmp{width:100%;border-collapse:collapse;font-size:.88rem;margin:1rem 0}.cmp th{background:var(--s3);padding:.7rem 1rem;text-align:left;font-size:.75rem;font-family:var(--mono);letter-spacing:1px}.cmp th.v{color:var(--cyan)}.cmp th.vh{color:var(--purple)}.cmp td{padding:.6rem 1rem;border-bottom:1px solid var(--border);vertical-align:top}.cmp tr:hover td{background:var(--s2)}.flow{display:flex;align-items:center;gap:0;flex-wrap:wrap;margin:1rem 0}.flow-box{background:var(--s2);border:1px solid var(--border);border-radius:8px;padding:.6rem 1rem;font-family:var(--mono);font-size:.78rem;text-align:center;min-width:90px}.flow-arrow{color:var(--orange);font-size:1.3rem;padding:0 .3rem}.steps{list-style:none;counter-reset:step}.steps li{counter-increment:step;display:flex;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--border);align-items:flex-start;font-size:.92rem}.steps li:last-child{border-bottom:none}.steps li:before{content:counter(step);width:28px;height:28px;background:var(--purple);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:700;font-size:.75rem;flex-shrink:0;margin-top:1px}.sig-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem;font-family:var(--mono);font-size:.82rem}.sig-name{width:50px;color:var(--muted);flex-shrink:0;text-align:right}.sig-bit{width:28px;height:28px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.sb1{background:#4ade8026;color:var(--green);border:1px solid rgba(74,222,128,.3)}.sb0{background:#64748b26;color:var(--muted);border:1px solid var(--border)}.sig-eq{color:var(--muted)}.sig-res{font-weight:700}.alu-block{display:flex;gap:2rem;align-items:center;background:var(--s2);border:1px solid var(--border);border-radius:10px;padding:1.5rem;margin:1rem 0;flex-wrap:wrap}.alu-ports{display:flex;flex-direction:column;gap:.5rem}.alu-port{font-family:var(--mono);font-size:.78rem;display:flex;align-items:center;gap:.5rem}.alu-port .pdir{font-size:.65rem;color:var(--muted);width:45px}.alu-port .pname{color:var(--cyan)}.alu-port .pbit{color:var(--purple)}.alu-port .pcmt{color:var(--muted);font-style:italic}.alu-box{width:90px;height:90px;background:#22d3ee14;border:2px solid var(--cyan);border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:700;font-size:1.3rem;color:var(--cyan);flex-shrink:0}#scoreboard{background:var(--s2);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-align:center;margin-top:1.5rem;display:none}#score-num{font-family:var(--mono);font-size:2.5rem;font-weight:700;color:var(--cyan)}.btn{display:inline-block;padding:.75rem 1.5rem;font-family:var(--sans);font-size:.95rem;font-weight:600;text-align:center;text-decoration:none;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;line-height:1.5}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-secondary{background:var(--s2);color:var(--text);border:2px solid var(--border)}.btn-secondary:hover{background:var(--s3);border-color:var(--accent)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-large{padding:1rem 2rem;font-size:1.1rem;font-weight:700}.btn-small{padding:.5rem 1rem;font-size:.85rem}.btn-block{display:block;width:100%}.sidebar-back{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--s2);color:var(--text);text-decoration:none;border-radius:6px;font-size:.85rem;transition:all .2s ease;border:1px solid var(--border);margin-bottom:1rem}.sidebar-back:hover{background:var(--s3);border-color:var(--accent);color:var(--accent)}#comprehensive-quizzes .quiz-section{margin-bottom:2.5rem}#comprehensive-quizzes .quiz-section-body{margin-top:.85rem}#comprehensive-quizzes .quiz-container{background:linear-gradient(165deg,var(--s2) 0%,var(--s1) 100%);border:1px solid var(--border);border-radius:12px;padding:1.35rem 1.25rem 1.5rem;box-shadow:0 1px #ffffff08 inset,0 8px 28px #00000038}#comprehensive-quizzes .quiz-question{margin-bottom:1.1rem;padding:1.1rem 1rem;border-radius:10px;background:#07090f8c;border:1px solid rgba(30,45,69,.85);transition:border-color .2s ease}#comprehensive-quizzes .quiz-question:last-of-type{margin-bottom:1.25rem}#comprehensive-quizzes .quiz-question.correct{border-color:#4ade8066;background:#4ade800f}#comprehensive-quizzes .quiz-question.incorrect{border-color:#f8717173;background:#f871710f}#comprehensive-quizzes .question-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}#comprehensive-quizzes .question-num{font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}#comprehensive-quizzes .question-status{font-size:1rem;font-weight:700;line-height:1}#comprehensive-quizzes .question-text{color:var(--text);font-weight:600;font-size:.93rem;line-height:1.55;margin:0 0 1rem}#comprehensive-quizzes .question-text code{color:var(--cyan);font-size:.88em}#comprehensive-quizzes .options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .65rem}#comprehensive-quizzes label.option{display:flex;align-items:center;gap:.65rem;min-width:0;margin:0;padding:.65rem .85rem;border-radius:8px;background:var(--s2);border:1px solid var(--border);cursor:pointer;transition:border-color .15s ease,background .15s ease}#comprehensive-quizzes label.option:hover{border-color:#22d3ee66;background:#22d3ee0f}#comprehensive-quizzes label.option:focus-within{outline:2px solid var(--cyan);outline-offset:2px}#comprehensive-quizzes label.option:has(input:disabled){cursor:default}#comprehensive-quizzes label.option.option-correct{border-color:#4ade808c;background:#4ade801f;box-shadow:0 0 0 1px #4ade8026}#comprehensive-quizzes label.option.option-incorrect{border-color:#f871718c;background:#f871711a;box-shadow:0 0 0 1px #f871711f}#comprehensive-quizzes label.option.option-correct:hover{border-color:#4ade80a6;background:#4ade8024}#comprehensive-quizzes label.option.option-incorrect:hover{border-color:#f87171a6;background:#f871711f}#comprehensive-quizzes label.option.option-correct input[type=radio]{border-color:#4ade80e6}#comprehensive-quizzes label.option.option-correct input[type=radio]:checked:after{background:var(--green)}#comprehensive-quizzes label.option.option-incorrect input[type=radio]{border-color:#f87171e6}#comprehensive-quizzes label.option.option-incorrect input[type=radio]:checked:after{background:var(--red)}#comprehensive-quizzes .option-text{flex:1;min-width:0;font-size:.87rem;line-height:1.5;color:var(--text)}#comprehensive-quizzes label.option input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;flex:0 0 18px;width:18px;height:18px;min-width:18px;min-height:18px;max-width:18px;max-height:18px;aspect-ratio:1;margin:0;padding:0;border:2px solid rgba(148,163,184,.65);border-radius:50%;background:var(--s1);cursor:pointer;position:relative;transition:border-color .15s ease,box-shadow .15s ease}#comprehensive-quizzes label.option input[type=radio]:hover{border-color:#22d3eea6}#comprehensive-quizzes label.option input[type=radio]:checked{border-color:var(--cyan);background:var(--s1)}#comprehensive-quizzes label.option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--cyan)}#comprehensive-quizzes .question-explanation{margin-top:1rem;padding:.9rem 1rem;border-radius:8px;background:#22d3ee14;border:1px solid rgba(34,211,238,.22);font-size:.86rem;line-height:1.6;color:var(--muted)}#comprehensive-quizzes .question-explanation strong{color:#7dd3fc}#comprehensive-quizzes .question-explanation .bn{margin-top:.65rem}#comprehensive-quizzes .quiz-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.25rem;padding-top:1.25rem;border-top:1px solid var(--border)}#comprehensive-quizzes .quiz-results{margin-top:1.25rem}#comprehensive-quizzes .quiz-results .results-summary>div{border-radius:10px;padding:1.25rem 1.2rem}@media (max-width: 600px){#comprehensive-quizzes .quiz-container{padding:1.05rem .9rem 1.2rem}#comprehensive-quizzes .quiz-question{padding:.95rem .85rem}}@media (max-width: 480px){#comprehensive-quizzes .options{grid-template-columns:1fr}#comprehensive-quizzes label.option{align-items:flex-start}#comprehensive-quizzes label.option input[type=radio]{margin-top:.12rem}}