nav[aria-label="Breadcrumb"]{padding:1rem 0;border-bottom:1px solid var(--gray-200)}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;width:100%;max-width:1280px;margin:0 auto}.breadcrumb-list li{display:flex;align-items:center;color:var(--gray-600);font-size:.95rem}.breadcrumb-list li a{display:flex;align-items:center;color:var(--brand-600);text-decoration:none;transition:color 0.2s ease}.breadcrumb-list li a:hover{color:var(--brand-700);text-decoration:underline}.breadcrumb-list i{margin-right:6px;font-size:.9rem}.breadcrumb-list li+li::before{content:">";margin:0 .6rem;color:var(--brand-600)}.breadcrumb-list li[aria-current="page"]{color:var(--gray-600);font-weight:500;cursor:default}@media (max-width:600px){nav[aria-label="Breadcrumb"]{padding:.7rem 0}.breadcrumb-list{font-size:.85rem}.breadcrumb-list li+li::before{margin:0 .4rem}}.quiz-layout{display:flex;gap:2rem;margin:2rem auto;flex-direction:row-reverse}.quiz-content{flex:1;min-width:0}.question-card{background:#fff;border-radius:var(--radius-xl);padding:1.8rem;box-shadow:var(--shadow-lg);margin-bottom:1.5rem;width:100%;overflow:hidden;box-sizing:border-box;border:1px solid var(--gray-400)}.question-text{font-size:1.1rem;font-weight:800;color:var(--gray-800);margin-bottom:1.2rem}.question-text p{font-size:1.1rem;font-weight:500;color:var(--brand-800);margin-bottom:1.2rem;font-style:italic}.question-image{margin:1rem 0 1.5rem;text-align:left}.question-image img{max-width:40%;height:100%;border:1px solid var(--gray-400)}.zoom-hint{display:inline-block;margin-top:6px;font-size:.7rem;background:var(--brand-50);padding:2px 10px;border-radius:20px;color:#1e293b;font-weight:500;border:1px dashed var(--gray-300)}.question-card .question-image{margin:12px 0 8px 0}.quiz-content .question-card{background:#fff}@media print{.image-zoom-modal,.close-zoom-btn,.zoom-hint{display:none}.question-image{cursor:default}}.image-caption{margin:1rem 0 1.5rem;font-size:.8rem;text-align:center;padding:.5rem;color:var(--gray-600);margin-top:.5rem;font-style:italic;border-radius:var(--radius-lg);border:1px dashed var(--gray-300);background:var(--brand-50)}.image-zoom-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .92);z-index:10000;justify-content:center;align-items:center;cursor:pointer;backdrop-filter:blur(5px);transition:opacity 0.25s ease}.image-zoom-modal.active{display:flex}.modal-img-container{max-width:90vw;max-height:90vh;text-align:left;animation:zoomFade 0.2s ease-out}.modal-img-container img{max-width:100%;max-height:85vh;object-fit:contain;box-shadow:0 20px 35px rgb(0 0 0 / .4);border:2px solid rgb(255 255 255 / .2);background:#1e293b}.zoom-caption{margin-top:16px;color:#e2e8f0;font-size:.9rem;text-shadow:0 1px 2px #000}.close-zoom-btn{position:absolute;top:24px;right:32px;background:rgb(0 0 0 / .6);color:#fff;font-size:28px;border:none;border-radius:50%;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);transition:0.2s;font-weight:700}.close-zoom-btn:hover{background:var(--brand-600);transform:scale(1.05)}@keyframes zoomFade{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.options{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0;width:100%}.option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-lg);border:.5px solid var(--gray-500);cursor:pointer;transition:all 0.2s ease;width:100%;box-sizing:border-box;font-size:1rem;color:var(--gray-800)}.option:hover{background:var(--brand-50);border-color:var(--brand-600)}.option.correct{background:#d1fae5;border-color:#10b981;color:#065f46}.option.incorrect{background:#fee2e2;border-color:#ef4444;color:#991b1b}.option input[type="radio"]{accent-color:var(--brand-600);width:1.2rem;height:1.2rem;cursor:pointer}.option label{flex:1;cursor:pointer;font-weight:500;overflow-wrap:anywhere;word-break:break-word}.btn-check{display:none}.answer-feedback{margin-top:1rem;padding:.75rem 1rem;border-radius:var(--radius-lg);font-weight:500;display:none;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.feedback-correct{background:#d1fae5;color:#065f46;border-left:3px solid #10b981}.feedback-incorrect{background:#fee2e2;color:#991b1b;border-left:3px solid #ef4444}.explanation-text{margin-top:.5rem;font-size:.95rem;font-weight:400;border-top:1px dashed rgb(0 0 0 / .1);padding-top:.5rem;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;max-width:100%}.download-exam{text-align:center;margin:2.5rem 0 1.5rem}.download-btn{display:inline-block;background:#fff;color:var(--brand-600);font-size:1rem;font-weight:600;padding:1rem 1.6rem;border-radius:50px;border-color:var(--brand-600);box-shadow:0 8px 20px rgb(37 99 235 / .4)}.download-btn:hover{display:inline-block;background:var(--brand-600);color:#fff;font-size:1rem;font-weight:600;padding:1rem 1.6rem;border-radius:50px;text-decoration:none;box-shadow:0 4px 12px rgb(37 99 235 / .3);transition:all 0.3s ease;border:2px solid #fff0}@media (max-width:900px){.quiz-layout{flex-direction:column-reverse}}.action-buttons{display:flex;gap:1rem;justify-content:left;margin:1.5rem 0 .5rem;flex-wrap:wrap}.action-btn{background:var(--brand-600);color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.8rem;cursor:pointer;box-shadow:0 4px 10px rgb(79 70 229 / .3);transition:0.2s;border:2px solid #fff0}.action-btn.reset-btn{background:var(--gray-800);box-shadow:0 4px 10px rgb(100 116 139 / .3)}.action-btn:hover{background:#fff;color:var(--brand-600);border-color:var(--brand-600);box-shadow:0 8px 20px rgb(37 99 235 / .4)}.action-btn i{font-size:.8rem}.seo-section{background:#fff;border-radius:.5rem;padding:var(--space-xl);margin:var(--space-xl) 0;border:1px solid var(--gray-300);box-shadow:var(--shadow-lg)}.seo-section a{font-weight:600;color:var(--brand-700);text-decoration:none}.seo-section a:hover{text-decoration:underline}.seo-section h2{font-size:1.6rem;color:var(--gray-900);margin-bottom:var(--space-lg);font-weight:700}.seo-section h3{font-size:1.4rem;color:var(--brand-700);margin:var(--space-lg) 0 var(--space-sm);font-weight:600}.seo-section p{font-size:1.1rem;line-height:1.7;color:var(--gray-800);margin-bottom:var(--space-md)}.quiz-layout{display:flex;gap:2rem;margin:2rem auto;flex-direction:row-reverse}.sidebar-col{width:360px;flex-shrink:0}.sidebar-card{background:#fff;border-radius:var(--radius-xl);padding:1.5rem 1.2rem;margin-bottom:1.5rem;box-shadow:var(--shadow-lg);border:1px solid var(--gray-300)}.sidebar-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:var(--gray-800)}.icon-img{width:25px;height:25px;vertical-align:middle;margin-right:5px}.tabs{display:flex;flex-wrap:wrap;gap:.1rem;margin-bottom:1.2rem;border-bottom:1px solid var(--gray-400);padding-bottom:0;margin:0}.tab-btn{padding:.5rem .3rem;color:#2563eb;background:#f1f5f9;border:1px solid var(--gray-300);font-weight:700;font-size:.75rem;cursor:pointer;transition:all 0.2s;position:relative}.tab-btn:hover{color:#fff;background:#2563eb}.tab-btn.active{color:#fff;background:var(--brand-600)}.tab-content{display:none;padding:.5rem 0}.tab-content.active{display:block}.chapters-links ul{list-style:none;padding:0;margin:0}.chapters-links li{padding-left:.5rem;line-height:1.4;border-right:1px solid var(--gray-400);border-top:1px solid var(--gray-400);border-left:1px solid var(--gray-400);border-bottom:1px solid var(--gray-400)}.chapters-links a{text-decoration:none;color:var(--gray-800);font-size:.9rem;font-weight:500;display:block;transition:color 0.2s;margin:.5rem 0}.chapters-links i{width:1.2rem;color:var(--brand-600)}.chapters-links a:hover{color:var(--brand-600)}.view-all{color:var(--brand-600)!important;font-weight:600;margin-top:.8rem}.view-all i{width:1.4rem}.accordion-item1{border-bottom:2px solid var(--gray-200);border-top:2px solid var(--gray-200)}.accordion-header{width:100%;background:none;border:none;text-align:left;font-size:1rem;font-weight:600;padding:.8rem 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--gray-800)}.accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease;padding-left:0}.accordion-content ul{list-style:none;padding:0;margin:0 0 1rem 0}.accordion-content li{margin:.7rem 0;padding-left:.5rem;line-height:1.4}.accordion-content a{text-decoration:none;color:var(--gray-800);display:block;transition:color 0.2s;font-size:.9rem}.accordion-content a:hover{color:var(--brand-600)}.popular-list{list-style:none}.popular-list li{margin:.7rem 0;padding-left:.5rem;line-height:1.4}.popular-list i{width:1.6rem;color:var(--brand-600);font-size:.9rem;text-align:center}.popular-list a{text-decoration:none;color:var(--gray-800);font-weight:500;font-size:.9rem;transition:color 0.2s}.popular-list a:hover{color:var(--brand-600)}.module-content{flex:1;min-width:0}.content-card{background:#fff;border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg);margin-bottom:1.5rem;scroll-margin-top:5rem;border:1px solid var(--gray-300)}.content-card h2{font-size:1.8rem;font-weight:700;color:var(--gray-800);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:3px solid var(--brand-200)}.content-card h3{font-size:1.4rem;font-weight:600;color:var(--brand-700);margin:1.5rem 0 1rem}.content-card h4{font-size:1.2rem;font-weight:600;color:var(--gray-700);margin:1.2rem 0 .5rem}.content-card p{margin-bottom:1rem;color:var(--gray-800)}.content-card ul,.content-card ol{margin:.5rem 0 1.2rem 1.8rem;color:var(--gray-800)}.content-card table{width:100%;border-collapse:collapse;margin:1.5rem 0;border:1px solid var(--gray-100);overflow:hidden}.content-card th{background-color:var(--brand-600);color:#fff;font-weight:600;padding:.75rem 1rem;text-align:center;border:.5px solid var(--gray-400);font-size:.9rem}.content-card td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-200);background-color:#fff;border:1px solid var(--gray-500);text-align:center;font-size:.9rem;color:var(--gray-800)}.content-card img{width:80%;border-radius:var(--radius-lg);margin:1.5rem 0}.packet-tracer-note{background:#f0f9ff;border:1px dashed var(--brand-400);padding:1.2rem;border-radius:var(--radius-lg);margin:1.5rem 0;display:flex;align-items:center;gap:1rem}.next-module-container{text-align:center;margin:2.5rem 0 1.5rem}.next-module-btn{display:inline-block;background:var(--brand-600);border:2px solid var(--brand-600);color:#fff;font-size:1rem;font-weight:600;padding:1rem 1.6rem;border-radius:50px;text-decoration:none;box-shadow:0 4px 12px rgb(37 99 235 / .3);transition:all 0.3s ease}.next-module-btn:hover{background:#fff;color:var(--brand-600);border:2px solid var(--brand-600)}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:3rem 0 2rem;flex-wrap:wrap}.page-item{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:1px solid var(--gray-300);color:var(--gray-700);font-weight:500;cursor:pointer;transition:all 0.2s;text-decoration:none}.page-item a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;color:inherit}.page-item.active{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.page-item:hover:not(.active){background:var(--gray-100)}.page-item.prev-next{width:auto;padding:0 1.2rem;border-radius:30px}.page-item.disabled{opacity:.4;pointer-events:none}.social-share-section{margin:2rem 0 3rem;text-align:center}.social-share-title{font-size:1.2rem;font-weight:600;color:var(--gray-800);margin-bottom:1.2rem}.social-share-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.social-share-link{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;color:#fff;font-size:1.5rem;transition:all 0.3s ease;text-decoration:none;box-shadow:0 4px 8px rgb(0 0 0 / .1)}.social-share-link:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 8px 16px rgb(0 0 0 / .2)}.social-facebook{background:#1877f2}.social-whatsapp{background:#25D366}.social-twitter{background:#1DA1F2}.social-telegram{background:#08c}.social-reddit{background:#ff4500}.social-share-link i{transition:transform 0.2s}.social-share-link:hover i{transform:scale(1.1)}.cta-section{background:linear-gradient(135deg,var(--brand-800),var(--brand-900));color:#fff;padding:4rem 0;text-align:center;margin:3rem 0}.cta-section h2{font-size:clamp(1.5rem, 4vw, 2.5rem);margin-bottom:1rem}.cta-section p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-cta{background:#fff;color:var(--brand-900);padding:1rem 2rem;border-radius:var(--radius-lg);font-weight:600;text-decoration:none;transition:all 0.3s ease}.btn-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-cta-outline{background:#fff0;color:#fff;border:2px solid #fff}.btn-cta-outline:hover{background:#fff;color:var(--brand-900)}.page-title{font-size:2.5rem;font-weight:800;margin:0;padding-top:1.5rem;color:var(--gray-900)}.page-description{margin-bottom:.7rem;color:var(--gray-800);padding-top:1rem;font-size:1.1rem}.check-answer-btn{display:none;margin-top:15px;padding:8px 20px;background-color:var(--primary-color,#0056b3);color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:600}.check-answer-btn:hover{background-color:#007bff}.option input[type="checkbox"]{cursor:pointer}@media (max-width:992px){.quiz-layout{flex-direction:column-reverse}.sidebar-col{width:100%}}@media (max-width:768px){.tab-btn{font-size:.7rem}.chapters-links li{font-size:.9rem}.popular-list a{font-size:.9rem}.social-share-link{width:38px;height:38px;font-size:1.3rem}.seo-section h2{font-size:1.4rem}.seo-section p{font-size:1rem}.page-title{font-size:1.8rem}.option{font-size:.8rem}.question-text{font-size:1rem}.image-caption{font-size:.7rem}.seo-section h2{font-size:1.4rem}.seo-section p{font-size:1rem}.content-card h2{font-size:1.4rem}.content-card h3{font-size:1.3rem}.content-card h4{font-size:1.1rem}.content-card img{width:100%}.question-image img{max-width:100%}.next-module-btn{width:100%;justify-content:center;font-size:14px;padding:14px}}