:root{--bg-void: #f8fafc;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--border-glass: #e2e8f0;--border-accent: rgba(92, 29, 61, .25);--cyan-primary: #b8541a;--cyan-glow: rgba(2, 132, 199, .12);--indigo-accent: #5c1d3d;--emerald-accent: #b45309;--amber-accent: #d97706;--text-main: #22181c;--text-sub: #6e5f64;--text-muted: #6e5f64}html,body{background-color:var(--bg-void)!important;background:#f8fafc!important;color:#221b20!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;padding:0;line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.sj-topbar{background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid var(--border-glass);position:sticky;top:0;z-index:1000;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px #0000000a}.sj-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none}.brand-logo-text{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,#fb923c 0% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#fb923c}.badge-aso{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#fb923c1f;color:var(--cyan-primary);padding:2px 8px;border-radius:6px;border:1px solid rgba(251,146,60,.25)}.topbar-nav{display:flex;align-items:center;gap:1rem}.topbar-link{color:var(--text-sub);text-decoration:none;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.4rem;transition:color .2s ease}.topbar-link:hover{color:var(--cyan-primary)}.micro-container{max-width:1120px;margin:0 auto;padding:1.5rem 1rem 4rem}.breadcrumb-trail{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.84rem;color:var(--text-muted);margin-bottom:1.25rem;padding:.25rem 0}.breadcrumb-trail a{color:var(--cyan-primary);text-decoration:none;transition:color .2s ease}.breadcrumb-trail a:hover{color:var(--cyan-primary);text-decoration:underline}.breadcrumb-trail .separator{font-size:.65rem;color:var(--text-muted)}.breadcrumb-trail .current-page{color:var(--text-sub);font-weight:500}.micro-hero{background:linear-gradient(135deg,#fff,#fcf1f5)!important;border:1px solid var(--border-glass)!important;border-left:5px solid var(--cyan-primary)!important;border-radius:1rem!important;padding:1.75rem 2rem!important;margin-bottom:1.5rem!important;box-shadow:0 2px 12px #22181c0a!important;position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;height:auto!important;min-height:auto!important}.hero-meta-badges{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.85rem}.hero-badge{font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:20px;background:#fcf1f5;color:var(--cyan-primary);border:1px solid #fde68a;text-transform:uppercase;letter-spacing:.5px}.hero-badge.day-badge{background:#eef2ff;color:var(--indigo-accent);border-color:#fde68a}.micro-hero h1{font-family:Outfit,sans-serif!important;font-size:clamp(1.8rem,4vw,2.5rem)!important;font-weight:800!important;color:#22181c!important;margin:.25rem 0 .75rem!important;line-height:1.25!important}.hero-desc{font-size:.98rem;color:var(--text-sub);max-width:900px;margin:0;line-height:1.6}.aso-mission-banner{background:linear-gradient(135deg,#fcf1f5,#f6f1f2);border:1px solid #fde68a;border-left:5px solid var(--cyan-primary);border-radius:14px;padding:1.5rem 1.75rem;margin-bottom:2rem;box-shadow:0 2px 10px #0284c70a}.aso-mission-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:.85rem;border-bottom:1px solid rgba(251,146,60,.2);padding-bottom:.75rem}.aso-mission-title{font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700;color:#22181c;display:flex;align-items:center;gap:.65rem}.aso-mission-title i{color:var(--cyan-primary);font-size:1.25rem}.aso-mission-tag{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#fb923c26;color:var(--cyan-primary);padding:3px 10px;border-radius:20px;border:1px solid rgba(251,146,60,.3)}.aso-mission-intro{font-size:.92rem;color:var(--text-sub);margin-bottom:1.25rem;line-height:1.6}.aso-bullets{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;list-style:none!important;padding:0!important;margin:0!important}.aso-bullets li{background:#fff;border:1px solid var(--border-glass);border-radius:10px;padding:1rem 1.15rem;font-size:.88rem;line-height:1.6;color:#3d3039;transition:transform .2s ease,border-color .2s ease}.aso-bullets li:hover{border-color:#fcd34d;transform:translateY(-2px);box-shadow:0 4px 12px #0284c714}.aso-bullets li strong{color:var(--cyan-primary);display:block;margin-bottom:.4rem;font-size:.92rem}.tab-strip{display:flex;gap:.35rem;margin-bottom:2rem;background:#f1f5f9;padding:5px;border-radius:12px;border:1px solid var(--border-glass);overflow-x:auto;scrollbar-width:none}.tab-strip::-webkit-scrollbar{display:none}.tab-btn{background:transparent;border:none;outline:none;font-family:Outfit,sans-serif;font-size:.92rem;font-weight:600;color:var(--text-sub);padding:.65rem 1.15rem;cursor:pointer;border-radius:8px;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:.5rem;flex-shrink:0}.tab-btn:hover{color:#22181c;background:#e2e8f0}.tab-btn.active{color:#3f1128;background:#fff;border:1px solid var(--border-glass);box-shadow:0 2px 8px #0000000f;font-weight:700}.tab-panel{display:none;animation:fadeIn .3s ease-in-out}.tab-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pillar-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:1rem;padding:1.75rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #22181c08;transition:transform .2s ease,border-color .2s ease}.pillar-card:hover{border-color:#fb923c40}.pillar-title{font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;color:#22181c;margin-bottom:1.2rem;display:flex;align-items:center;gap:.65rem;border-bottom:1px solid #f1f5f9;padding-bottom:.65rem}.pillar-title i{color:var(--cyan-primary)}.pillar-content{font-size:.96rem;line-height:1.75;color:#3d3039}.pillar-content h3,.pillar-content h4{font-family:Outfit,sans-serif;color:#22181c;margin-top:1.25rem;margin-bottom:.5rem}.pillar-content ul,.pillar-content ol{padding-left:1.35rem;margin:.75rem 0}.pillar-content li{margin-bottom:.4rem}.lead-definition{background:#f0f9ff;border-left:4px solid var(--cyan-primary);border-radius:8px;padding:1rem 1.25rem;font-size:1rem;line-height:1.65;margin-bottom:1.25rem;color:#3f1128;font-weight:500}.concept-list{list-style:none!important;padding:0!important;margin:1rem 0!important;display:flex;flex-direction:column;gap:.75rem}.concept-list li{background:#f8fafc;border:1px solid var(--border-glass);border-radius:8px;padding:.85rem 1.15rem;line-height:1.6;margin-bottom:0!important;color:#3d3039}.concept-list li strong{color:var(--cyan-primary)}.step-item{background:#f8fafc;border:1px solid var(--border-glass);border-left:3px solid var(--indigo-accent);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1rem}.step-item strong{color:var(--indigo-accent);font-size:.98rem;display:block;margin-bottom:.4rem}.trap-box{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:1rem 1.25rem;margin-bottom:1rem}.trap-header{font-weight:700;color:#b45309;font-size:.95rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.trap-misconception{color:#b91c1c;margin:0 0 .4rem!important;font-size:.92rem;line-height:1.5}.trap-correction{color:#b45309;margin:0!important;font-size:.92rem;line-height:1.5}.nomenclature-box{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:8px;padding:1rem 1.25rem;margin-top:1.25rem}.overflow-x-auto{overflow-x:auto;margin:1.25rem 0;border-radius:8px;border:1px solid var(--border-glass)}.data-table{width:100%;border-collapse:collapse;font-size:.88rem;text-align:left;background:#fff}.data-table th{background:#f1f5f9;color:#22181c;padding:10px 14px;font-weight:700;border-bottom:2px solid #cbd5e1;white-space:nowrap}.data-table td{padding:10px 14px;border-bottom:1px solid var(--border-glass);color:#3d3039}.data-table tr:hover td{background:#fcf1f5}.numerical-card{background:#f8fafc;border:1px solid #fde68a;border-radius:12px;padding:1.5rem;margin-top:1rem}.num-section-title{font-family:Outfit,sans-serif;font-size:1.05rem;font-weight:700;color:var(--cyan-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.num-problem{font-size:.95rem;color:#221b20;margin-bottom:1.25rem;line-height:1.6}.num-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}@media(max-width:640px){.num-grid{grid-template-columns:1fr}}.num-box{background:#fff;border:1px solid var(--border-glass);border-radius:8px;padding:1rem}.num-label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem}.num-val{font-size:.92rem;color:#22181c;font-family:Fira Code,monospace}.num-solution{background:#fff;border-radius:8px;padding:1.25rem;border:1px solid var(--border-glass);border-left:3px solid var(--emerald-accent);margin-bottom:1.25rem}.num-solution-steps{font-size:.92rem;color:#221b20;line-height:1.7;margin-top:.5rem}.num-final-ans{margin-top:.75rem;padding:.6rem .85rem;background:#fcfaf7;border:1px solid #fed7aa;border-radius:6px;color:#78350f;font-weight:600;font-family:Fira Code,monospace}.num-safety-box{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:1rem}.safety-title{font-weight:700;color:#b45309;font-size:.9rem;margin-bottom:.4rem;display:flex;align-items:center;gap:.4rem}.safety-desc{font-size:.88rem;color:#78350f;margin:0;line-height:1.55}.question-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #22181c0a}.q-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.q-badge{font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:12px;background:#fb923c1a;color:var(--cyan-primary)}.q-text{font-size:1.02rem;font-weight:600;color:#22181c;margin-bottom:1rem;line-height:1.6}.quiz-options-group{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.quiz-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f8fafc;border:1px solid var(--border-glass);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.94rem;color:#221b20}.quiz-option:hover{border-color:#fcd34d;background:#fcf1f5}.quiz-option.correct{border-color:#fed7aa!important;background:#fef3c7!important;color:#78350f!important;font-weight:600}.quiz-option.incorrect{border-color:#fca5a5!important;background:#fee2e2!important;color:#7f1d1d!important}.opt-letter{width:26px;height:26px;border-radius:50%;background:#ffffff0f;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.explanation-box{display:none;background:#f6f1f2;border:1px solid #fef3c7;border-radius:8px;padding:1rem 1.25rem;margin-top:1rem}.exp-title{font-weight:700;color:#b45309;font-size:.88rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.exp-content{font-size:.9rem;color:#78350f;line-height:1.6}.test-header-bar{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;padding:1.25rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.test-info{display:flex;align-items:center;gap:1rem}.test-timer{font-family:Fira Code,monospace;font-size:1.15rem;font-weight:700;color:var(--amber-accent);background:#f59e0b1a;padding:4px 12px;border-radius:6px;border:1px solid rgba(245,158,11,.2)}.test-question-item{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;padding:1.5rem;margin-bottom:1.25rem}.q-marks{font-size:.75rem;font-weight:700;color:var(--emerald-accent);background:#b453091a;padding:2px 8px;border-radius:6px}.test-options-group{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.test-option{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.92rem}.test-option:hover{border-color:var(--cyan-primary)}.test-option.selected{border-color:var(--cyan-primary);background:#fb923c26;color:#22181c;font-weight:600}.test-submit-btn{background:linear-gradient(135deg,#b8541a,#5c1d3d);color:#22181c;border:none;padding:.85rem 2rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #5c1d3d4d;display:inline-flex;align-items:center;gap:.5rem}.test-submit-btn:hover{opacity:.95;transform:translateY(-1px)}.test-result-box{display:none;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;padding:2rem;text-align:center;margin-bottom:2rem}.score-big{font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;color:var(--cyan-primary)}.flashcards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.flashcard-container{perspective:1000px;height:220px;cursor:pointer}.flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flashcard-container.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{background:linear-gradient(135deg,#fcf1f5,#f8fafc);border-color:#fde68a;color:#22181c;transform:rotateY(180deg)}.card-num{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--cyan-primary)}.card-prompt{font-size:1.05rem;font-weight:600;line-height:1.45}.card-answer{font-size:.95rem;line-height:1.55;color:#22181c}.card-hint{font-size:.75rem;color:var(--text-muted)}.bottom-actions{display:flex;align-items:center;justify-content:space-between;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-glass);flex-wrap:wrap;gap:1rem}.action-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--cyan-primary);text-decoration:none;font-weight:600;font-size:.92rem;transition:color .2s ease}.action-link:hover{color:#22181c;text-decoration:underline}.complete-btn{background:#b453091a;border:1px solid rgba(180,83,9,.3);color:#fed7aa;padding:.6rem 1.25rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.complete-btn:hover{background:#b4530933}.complete-btn.marked{background:var(--emerald-accent);color:#22181c}.micro-footer{border-top:1px solid var(--border-glass);padding:2.5rem 1rem;text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:4rem;background:#f8fafc}.footer-sub{font-size:.76rem;color:#6e5f64;margin-top:.35rem}.hero-banner,.hero-card,[class*=hero-banner],[class*=hero-card],header.relative.overflow-hidden{background:linear-gradient(135deg,#fff,#fcf1f5 60%,#f0f9ff)!important;color:#22181c!important;border-color:#fde68a!important}header.relative.overflow-hidden{border-bottom:2px solid #fde68a!important}.hero-banner h1,.hero-banner h2,.hero-card h1,.hero-card h2,header.relative.overflow-hidden h1,header.relative.overflow-hidden h2{color:#22181c!important}.hero-banner p,.hero-card p,header.relative.overflow-hidden p{color:#3d3039!important}.tab-btn.active,.tab-button.active,.nav-tab.active,.tab-trigger.active{background-color:#3f1128!important;color:#fff!important;border-color:#3f1128!important}