body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f5f9;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary:#1a56db;--primary-dark:#1342b0;--warning-bright:#fbbf24;--dark-navy:#0f172a;--bg-light:#f5f7fa;--card:#fff;--border:#e2e8f0;--text:#111827;--text-muted:#6b7280;--radius:14px;--shadow:0 2px 14px #00000012;--shadow-md:0 4px 24px #0000001f}*{box-sizing:border-box;margin:0;padding:0}.cdl-manual-viewer{background:#f5f7fa;background:var(--bg-light);color:#111827;color:var(--text);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:hidden}.manual-header{background:#fff;background:var(--card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 2px 14px #00000012;box-shadow:var(--shadow);padding:1rem 2rem;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;max-width:100%}.btn-back{background:var(--primary);transition:all .15s;white-space:nowrap}.btn-back:hover{background:var(--primary-dark)}.manual-title{color:#1a56db;color:var(--primary);flex:1 1;font-size:1.5rem;font-weight:800}.header-controls{display:flex;gap:.5rem}.btn-control{background:#f5f7fa;background:var(--bg-light);border:none;border-radius:8px;color:#111827;color:var(--text);cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1rem;transition:all .15s}.btn-control:hover{background:#e2e8f0;background:var(--border)}.btn-control.active{background:#1a56db;background:var(--primary);color:#fff}.progress-section{background:linear-gradient(135deg,#1a56db,#2563eb);background:linear-gradient(135deg,var(--primary) 0,#2563eb 100%);border-radius:14px;border-radius:var(--radius);color:#fff;margin:1.5rem auto;max-width:calc(100% - 3rem);padding:1.5rem 2rem}.progress-bar{background:#ffffff4d;margin-top:1rem}.progress-fill{background:#fbbf24;background:var(--warning-bright);transition:width .5s ease}.progress-text{font-size:.95rem}.manual-container{display:flex;flex:1 1;gap:0;overflow:hidden}.manual-sidebar{display:none}.manual-content{background:#f5f7fa;background:var(--bg-light);overflow:hidden}.manual-content,.page-viewer{display:flex;flex:1 1;flex-direction:column}.page-viewer{align-items:center;gap:1.5rem;overflow-y:auto;padding:2rem 1rem}.page-viewer::-webkit-scrollbar{width:10px}.page-viewer::-webkit-scrollbar-track{background:#f5f7fa;background:var(--bg-light)}.page-viewer::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:5px}.page-container{max-width:900px;transform-origin:top center;width:100%}.page{background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 2px 14px #00000012;box-shadow:var(--shadow);position:relative}.page.bookmarked{border-color:#fbbf24;border-color:var(--warning-bright);border-width:2px}.page.bookmarked:after{content:"📌";font-size:1.3rem;position:absolute;right:12px;top:12px}.page-content{display:flex;flex-direction:column;gap:1.75rem;padding:2.75rem 3rem}.page-header{background:linear-gradient(135deg,#1a56db,#2563eb);background:linear-gradient(135deg,var(--primary) 0,#2563eb 100%);border-radius:10px;box-shadow:0 4px 14px #1a56db21;margin-bottom:2.2rem;padding:1.6rem 1.8rem}.page-subtitle{color:#fff;font-size:1.48rem;font-weight:800;letter-spacing:-.4px;line-height:1.5;margin:0;overflow:visible;text-overflow:clip;white-space:normal;word-spacing:.05em}.page-text{color:#111827;color:var(--text);flex:1 1}.page-1-text{align-items:center;display:flex;justify-content:center;min-height:300px;text-align:center}.page-1-text .formatted-content{font-size:1.1rem;line-height:2}.formatted-content{color:#334155;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.01rem;letter-spacing:.2px;line-height:1.8}.formatted-heading{border-radius:10px;box-shadow:0 4px 14px #1a56db21;font-size:1.45rem;font-weight:800;letter-spacing:.1em;margin:2.75rem 0 1.75rem;padding:1.2rem 1.75rem;text-transform:uppercase;word-spacing:.12em}.formatted-heading,.formatted-subheading{background:linear-gradient(135deg,#1a56db,#2563eb);background:linear-gradient(135deg,var(--primary) 0,#2563eb 100%);color:#fff}.formatted-subheading{align-items:center;border-left:5px solid #fbbf24;border-left:5px solid var(--warning-bright);border-radius:8px;box-shadow:0 3px 10px #1a56db24;display:flex;font-size:1.18rem;font-weight:700;gap:.85rem;margin:2.2rem 0 1.3rem;padding:1.05rem 1.35rem}.section-number{background:#fbbf24;background:var(--warning-bright);border-radius:6px;color:#0f172a;color:var(--dark-navy);flex-shrink:0;font-size:.82rem;font-weight:700;letter-spacing:.06em;padding:.45rem .9rem;text-transform:uppercase}.section-title{flex:1 1}.formatted-paragraph{background:none;border-left:none;border-radius:0;color:#334155;font-size:1.01rem;letter-spacing:.2px;line-height:1.82;margin:1.25rem 0;padding:0;word-spacing:.02em}.formatted-list{background:none;border:none;border-radius:0;list-style:none;margin:1.5rem 0;padding-left:0}.list-item{color:#334155;font-size:1.01rem;font-weight:400;letter-spacing:.2px;line-height:1.8;margin:.8rem 0;padding-left:1.8rem;position:relative}.list-item:before{color:#1a56db;color:var(--primary);content:"▸";font-size:.9rem;font-weight:700;left:.3rem;position:absolute}.page-images{background:#f9fafb;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;padding:1rem}.images-label{color:#1a56db;color:var(--primary);font-size:.85rem;font-weight:600;margin:0 0 .75rem;text-transform:uppercase}.images-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.page-image{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;cursor:pointer;height:auto;max-width:100%;transition:all .15s}.page-image:hover{box-shadow:0 2px 14px #00000012;box-shadow:var(--shadow);transform:scale(1.05)}.page-controls{background:linear-gradient(180deg,#f5f7fa,#1a56db0d);background:linear-gradient(180deg,var(--bg-light) 0,#1a56db0d 100%);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#111827;color:var(--text);flex-direction:row;gap:1rem;margin:1.5rem -2.5rem -2.5rem;padding:1rem 2rem 2.5rem}.control-group,.page-controls{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.control-group{gap:.75rem}.btn-control-large{background:#1a56db;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .15s;white-space:nowrap}.btn-control-large:hover:not(:disabled){background:#1342b0;background:var(--primary-dark);transform:scale(1.02)}.btn-control-large:disabled{cursor:not-allowed;opacity:.4}.btn-control-large.btn-highlight{background:#fbbf24;background:var(--warning-bright);color:#0f172a;color:var(--dark-navy);font-weight:700}.btn-control-large.btn-highlight:hover{background:#f59e0b}.page-input-group{align-items:center;background:#f5f7fa;background:var(--bg-light);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;display:flex;gap:.4rem;padding:.4rem .75rem}.page-input-group label{color:#111827;color:var(--text);font-size:.75rem;font-weight:600;white-space:nowrap}.page-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:4px;color:#111827;color:var(--text);font-size:.8rem;padding:.35rem;width:50px}.page-input:focus{background:#fff;background:var(--card);border-color:#1a56db;border-color:var(--primary)}.zoom-controls{align-items:center;background:#f5f7fa;background:var(--bg-light);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;display:flex;gap:.4rem;padding:.4rem}.zoom-controls button{background:#1a56db;background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;height:26px;transition:all .15s;width:26px}.zoom-controls button:hover{background:#1342b0;background:var(--primary-dark);transform:scale(1.05)}.zoom-level{color:#1a56db;color:var(--primary);font-size:.75rem;font-weight:600;min-width:40px;text-align:center}.btn-bookmark{background:#1a56db;background:var(--primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .15s;white-space:nowrap}.btn-bookmark:hover{background:#1342b0;background:var(--primary-dark);transform:scale(1.02)}.btn-bookmark.active{background:#fbbf24;background:var(--warning-bright);color:#0f172a;color:var(--dark-navy)}.manual-footer{align-items:center;background:#fff;background:var(--card);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#6b7280;color:var(--text-muted);font-size:.85rem;padding:1rem 2rem}.footer-info,.manual-footer{display:flex;justify-content:space-between}.footer-info{gap:2rem;width:100%}.loader{align-items:center;background:linear-gradient(135deg,#1a56db,#2563eb);background:linear-gradient(135deg,var(--primary) 0,#2563eb 100%);color:#fff;display:flex;flex-direction:column;gap:1.5rem;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.header-content{flex-wrap:wrap;gap:1rem}.manual-title{font-size:1.2rem}.page-content{padding:1.5rem}.control-group{gap:.75rem}.btn-control-large{flex:1 1;min-width:110px;padding:.6rem 1rem}.footer-info{flex-direction:column;gap:.5rem}}@media (max-width:480px){.manual-header{padding:.75rem 1rem}.header-content{flex-direction:column;gap:.75rem}.manual-title{font-size:1rem}.btn-back{width:100%}.page-content{padding:1.25rem}.progress-section{padding:1rem}.page-controls,.progress-section{margin:1rem .5rem;max-width:calc(100% - 1rem)}.page-controls{padding:1.5rem}}.pdf-container{background:#f5f7fa;background:var(--bg-light);display:flex;height:100vh;overflow:hidden;width:100%}.pdf-sidebar{background:#fff;background:var(--card);border-right:1px solid #e2e8f0;border-right:1px solid var(--border);box-shadow:0 2px 14px #00000012;box-shadow:var(--shadow);overflow-y:auto;transition:all .3s ease;width:280px}.pdf-sidebar.closed{border-right:none;box-shadow:none;width:0}.pdf-sidebar-header{align-items:center;background:linear-gradient(135deg,#1a56db,#2563eb);background:linear-gradient(135deg,var(--primary) 0,#2563eb 100%);color:#fff;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.pdf-sidebar-header h2{font-size:1.2rem;margin:0}.pdf-sidebar-buttons{display:flex;gap:.5rem}.pdf-close-sidebar,.pdf-home-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;height:32px;transition:all .2s;width:32px}.pdf-close-sidebar:hover,.pdf-home-btn:hover{background:#ffffff4d}.pdf-sidebar-info{padding:1rem}.pdf-info-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);margin-bottom:1.5rem;padding-bottom:1.5rem}.pdf-info-section:last-child{border-bottom:none}.pdf-info-section h3{color:#1a56db;color:var(--primary);font-size:.9rem;font-weight:700;margin:0 0 .5rem}.pdf-info-section p{color:#6b7280;color:var(--text-muted);font-size:.85rem;line-height:1.5;margin:.3rem 0}.pdf-info-details{font-size:.8rem!important;line-height:1.6!important}.pdf-info-section ul{list-style:none;margin:0;padding:0}.pdf-info-section li{color:#111827;color:var(--text);font-size:.85rem;margin:.3rem 0;padding-left:1.2rem;position:relative}.pdf-info-section li:before{color:#1a56db;color:var(--primary);content:"▸";font-weight:700;left:0;position:absolute}.pdf-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.pdf-toggle-sidebar{align-items:center;background:#1a56db;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;left:1rem;position:absolute;top:1rem;transition:all .2s;width:40px;z-index:10}.pdf-toggle-sidebar:hover{background:#1342b0;background:var(--primary-dark)}.pdf-viewer-wrapper{flex:1 1;height:100%;overflow:hidden;width:100%}.pdf-iframe{background:#fff;border:none;height:100%;width:100%}.pdf-footer{background:#fff;background:var(--card);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);color:#6b7280;color:var(--text-muted);font-size:.85rem;padding:1rem 1.5rem;text-align:center}.pdf-footer p{margin:0}.pdf-footer{flex-direction:column}.pdf-footer,.pdf-footer-menu{align-items:center;display:flex;gap:1rem;justify-content:center}.pdf-footer-menu{flex-wrap:wrap}.pdf-menu-btn{background:#1a56db;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s;white-space:nowrap}.pdf-menu-btn:hover{background:#1342b0;background:var(--primary-dark);box-shadow:0 4px 12px #1a56db4d;transform:translateY(-2px)}.pdf-menu-btn:active{transform:translateY(0)}.pdf-footer-text{color:#6b7280;color:var(--text-muted);margin:0!important}.study-layout{background:#f5f7fa;display:flex;gap:0;height:100vh;overflow:hidden;width:100%}.study-guide-panel{background:#fff;border-right:2px solid #e2e8f0;display:flex;flex:0 0 50%;flex-direction:column;overflow:hidden}.study-guide-header{align-items:center;background:linear-gradient(135deg,#1a56db,#2563eb);box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1rem}.study-guide-header h3{font-size:1rem;font-weight:600;margin:0}.study-close-btn{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;transition:all .2s;width:32px}.study-close-btn:hover{background:#ffffff4d}.study-guide-content{display:flex;flex:1 1;overflow:hidden;position:relative}.study-toggle-sidebar{align-items:center;background:#1a56db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;left:1rem;position:absolute;top:1rem;transition:all .2s;width:36px;z-index:10}.study-toggle-sidebar:hover{background:#1342b0}.study-pdf-iframe{border:none;height:100%;width:100%}.study-quiz-panel{background:#fff;display:flex;flex:0 0 50%;flex-direction:column;overflow:hidden}.study-quiz-header{background:linear-gradient(135deg,#1a56db,#2563eb);box-shadow:0 2px 8px #0000001a;color:#fff;padding:1rem}.study-quiz-header h3{font-size:1rem;font-weight:600;margin:0}.study-quiz-content{flex:1 1;overflow-x:hidden;overflow-y:auto}@media (max-width:1200px){.study-layout{flex-direction:column}.study-guide-panel{border-bottom:2px solid #e2e8f0;border-right:none;flex:0 0 40%}.study-quiz-panel{flex:0 0 60%}}@media (max-width:768px){.study-layout{flex-direction:column}.study-guide-panel{border-bottom:2px solid #e2e8f0;border-right:none;flex:0 0 50%}.study-quiz-panel{flex:0 0 50%}.study-guide-header,.study-quiz-header{padding:.75rem}.study-guide-header h3,.study-quiz-header h3{font-size:.9rem}}.analytics-container{background:linear-gradient(135deg,#f5f7fa,#e8eef7);display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;padding:2rem}.analytics-loading{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:3rem 2rem;text-align:center}.analytics-loading p{color:#6b7280;font-size:1.1rem;margin-bottom:1.5rem}.analytics-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2rem}.analytics-header h1{color:#111827;font-size:2rem;margin:1rem 0 0}.analytics-meta{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1.5rem}.analytics-stat{align-items:center;background:#f9fafb;border-left:4px solid #1a56db;border-radius:8px;display:flex;flex-direction:column;padding:1rem}.stat-label{font-size:.85rem;font-weight:500}.stat-value{font-size:1.8rem}.analytics-content{display:flex;flex-direction:column;gap:2rem}.analytics-section-selector{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.analytics-section-selector h3{color:#111827;font-size:1.1rem;margin:0 0 1rem}.section-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.section-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:1rem;transition:all .2s}.section-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.section-btn.active{border-width:3px;box-shadow:0 4px 12px #00000026}.analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.analytics-card{background:#fff;border-left:5px solid #1a56db;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .2s}.analytics-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.analytics-card.full-width{grid-column:1/-1}.card-header h3{color:#111827;font-size:1.1rem;margin:0}.metric-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:.75rem 0}.metric-row:last-child{border-bottom:none}.metric-row span{color:#6b7280;font-size:.95rem}.metric-value{color:#1a56db;font-size:1.1rem;font-weight:700}.progress-bar-container{border-top:1px solid #f3f4f6;margin-top:1rem;padding-top:1rem}.progress-bar-container small{color:#6b7280;display:block;font-size:.85rem;margin-top:.5rem}.percentile-badge,.readiness-badge{border-radius:6px;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;margin-bottom:1rem;padding:.75rem 1rem;text-align:center;width:100%}.misconceptions-list{display:flex;flex-direction:column;gap:1rem}.misconception-item{align-items:center;background:#fef2f2;border-left:4px solid #ef4444;border-radius:6px;display:flex;gap:1rem;padding:1rem}.mis-rank{color:#dc2626;font-size:1.2rem;font-weight:700;min-width:30px}.mis-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.mis-section{color:#111827;font-weight:600}.mis-rate{color:#ef4444;font-size:.85rem;font-weight:700}.mis-attempts{color:#6b7280;font-size:.85rem;min-width:80px;text-align:right}.btn-back{width:fit-content}@media (max-width:768px){.analytics-container,.analytics-header{padding:1rem}.analytics-meta{gap:1rem;grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.section-buttons{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.misconception-item{align-items:flex-start;flex-direction:column}.mis-attempts{text-align:left;width:100%}}.study-planning-container{background:linear-gradient(135deg,#f5f7fa,#e8eef7);display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;padding:2rem}.planning-header{align-items:center;display:flex;gap:1.5rem;margin-bottom:2rem}.planning-header h1{color:#111827;font-size:2rem;margin:0}.btn-back{background:#1a56db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.5rem;transition:all .2s}.btn-back:hover{background:#1342b0;transform:translateY(-1px)}.planning-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;overflow:hidden;transition:all .2s}.planning-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.card-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.card-header h2,.card-header h3{color:#111827;font-size:1.2rem;margin:0}.btn-edit{background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s}.btn-edit:hover{background:#e5e7eb}.card-body{padding:1.5rem}.card-body.empty{padding:2rem;text-align:center}.card-body.empty p{color:#6b7280;margin-bottom:1rem}.streak-card{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.streak-display{align-items:center;display:flex;gap:1.5rem;padding:1rem}.streak-emoji{font-size:3.5rem}.streak-info h2{color:#fff;font-size:1.8rem;margin:0 0 .5rem}.streak-info p{color:#ffffffe6;font-size:.95rem;margin:0}.goal-info{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.goal-item{background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;padding:1rem}.goal-item span:first-child{color:#6b7280;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.goal-item strong{color:#1a56db;font-size:1.2rem}.goal-progress{border-top:1px solid #e5e7eb;margin:1.5rem 0;padding-top:1.5rem}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#1a56db,#2563eb)}.goal-progress small{color:#6b7280;font-size:.85rem}.daily-target{background:#eff6ff;border-left:4px solid #1a56db;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.daily-target h4{color:#1a56db;font-size:1rem;margin:0 0 1rem}.target-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stat{align-items:center;background:#fff;border-radius:6px;display:flex;flex-direction:column;padding:1rem}.stat-icon{font-size:1.5rem;margin-bottom:.5rem}.stat-label{color:#6b7280;margin-bottom:.5rem}.stat-value{color:#1a56db;font-size:1.4rem;font-weight:700}.form-card .card-body{padding:2rem}.form-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.form-group label{color:#111827;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select{border:2px solid #e5e7eb;border-radius:6px;font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s}.form-group input:focus,.form-group select:focus{border-color:#1a56db;box-shadow:0 0 0 3px #1a56db1a;outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:1rem;margin-top:2rem}.btn-primary{background:#1a56db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-primary:hover{background:#1342b0;transform:translateY(-1px)}.btn-primary.full-width{width:100%}.btn-secondary{background:#f3f4f6;border:none;border-radius:8px;color:#111827;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}.checklist-summary{grid-gap:1rem;border-bottom:1px solid #e5e7eb;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem;padding-bottom:1.5rem}.summary-item{display:flex;flex-direction:column;text-align:center}.summary-item .label{color:#6b7280;font-size:.85rem;margin-bottom:.5rem}.summary-item .value{color:#1a56db;font-size:1.5rem;font-weight:700}.recommendations{display:flex;flex-direction:column;gap:1rem}.recommendation-item{align-items:center;background:#f9fafb;border-left:4px solid #1a56db;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .2s}.recommendation-item:hover{background:#eff6ff;transform:translateX(4px)}.rank{color:#1a56db;font-size:1.1rem;font-weight:700;min-width:35px}.rec-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.rec-section{color:#111827;font-weight:600}.rec-status{color:#6b7280;font-size:.85rem}.rec-score{color:#1a56db;font-size:1.2rem;font-weight:700;min-width:50px;text-align:right}@media (max-width:768px){.study-planning-container{padding:1rem}.planning-header{align-items:flex-start;flex-direction:column}.checklist-summary,.form-row{grid-template-columns:1fr}.target-stats{grid-template-columns:repeat(2,1fr)}.goal-info{grid-template-columns:1fr}.streak-display{flex-direction:column;text-align:center}.streak-emoji{font-size:2.5rem}}.air-brake-inspector{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;margin:0 auto;max-width:900px;min-height:100vh;padding:0}.inspector-header{align-items:center;background:#00000026;border-bottom:3px solid #fff3;color:#fff;display:flex;gap:1rem;padding:1.5rem 2rem;position:relative}.inspector-header h1{flex:1 1;font-size:1.8rem;font-weight:600;margin:0}.back-btn{background:#fff3;border:2px solid #fff6;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1rem;transition:all .2s}.back-btn:hover{background:#ffffff4d;border-color:#fff9}.timer{background:#ff6b6bcc;border-radius:6px;color:#fff;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700;padding:.5rem 1rem}.mode-selection{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;padding:2rem}.mode-selection>p{color:#fff;font-size:1.2rem;font-weight:600;margin:0}.mode-card{align-items:flex-start;background:#fff;border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;cursor:pointer;gap:1.5rem;padding:2rem;text-align:left;transition:all .3s}.mode-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.mode-card.guided{border-left:5px solid #3b82f6}.mode-card.practice{border-left:5px solid #f59e0b}.mode-card.quiz{border-left:5px solid #10b981}.mode-icon{font-size:2.5rem;min-width:70px;text-align:center}.mode-card h2{color:#1f2937;font-size:1.4rem;margin:0 0 .5rem}.mode-card p{color:#6b7280;flex:1 1;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.btn-action{border-top:1px solid #e5e7eb;color:#3b82f6;display:inline-block;font-weight:600;padding-top:1rem;width:100%}.mode-card.practice .btn-action{color:#f59e0b}.mode-card.quiz .btn-action{color:#10b981}.inspection-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;padding:2rem}.progress-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;padding:1rem}.progress-bar-bg{background:#fff3;border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-bar-fill{background:#10b981;box-shadow:0 0 10px #10b98180}.progress-text{color:#fff;font-size:.9rem;font-weight:600;margin:0;text-align:center}.step-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;padding:2rem}.step-header{border-bottom:3px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.step-category{background:#e0e7ff;border-radius:20px;color:#6366f1;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:.5rem;padding:.4rem .8rem}.step-card h2{color:#1f2937;font-size:1.6rem;margin:.5rem 0 0}.step-description{color:#4b5563;font-size:1rem;font-style:italic;line-height:1.6;margin:1rem 0}.steps-list{background:#f9fafb;border-left:4px solid #3b82f6;border-radius:6px;margin:1.5rem 0;padding:1rem}.steps-list h3{color:#1f2937;font-size:1rem;margin:0 0 .8rem}.steps-list ul{margin:0;padding-left:1.5rem}.steps-list li{color:#4b5563;line-height:1.8;margin-bottom:.6rem}.readings-box{background:#f0fdf4;border:2px solid #86efac;border-radius:8px;margin:1.5rem 0;padding:1rem}.readings-box h3{color:#15803d;font-size:.95rem;margin:0 0 1rem}.readings-content{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.reading-item{display:flex;flex-direction:column;gap:.3rem}.reading-label{color:#15803d;font-size:.85rem;font-weight:600;text-transform:capitalize}.reading-value{background:#fff;border-left:3px solid #22c55e;border-radius:4px;color:#166534;font-family:Courier New,monospace;font-size:.95rem;font-weight:700;padding:.4rem .6rem}.safety-box{background:#fef3c7;border:2px solid #fcd34d;border-radius:8px;display:flex;gap:1rem;margin:1.5rem 0;padding:1rem}.safety-icon{font-size:1.5rem;min-width:40px;text-align:center}.safety-box strong{color:#92400e;display:block;margin-bottom:.3rem}.safety-box p{color:#78350f;font-size:.95rem;line-height:1.5;margin:0}.pass-criteria-box{background:#dbeafe;border-left:4px solid #0284c7;border-radius:6px;margin:1.5rem 0 0;padding:1rem}.pass-criteria-box strong{color:#075985;display:block;margin-bottom:.5rem}.pass-criteria-box p{color:#164e63;font-size:.95rem;margin:0}.step-actions{display:flex;gap:1rem;margin-top:2rem}.btn{border-radius:8px;flex:1 1;font-size:1rem;padding:1rem 1.5rem;transition:all .3s}.btn-pass{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.btn-pass:hover{box-shadow:0 6px 20px #10b98166;transform:translateY(-2px)}.btn-fail{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;color:#fff}.btn-fail:hover{box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.btn-retry{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-retry:hover{transform:translateY(-2px)}.btn-home{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.btn-home:hover{transform:translateY(-2px)}.results-container{display:flex;flex:1 1;flex-direction:column;gap:2rem;padding:2rem}.score-display{color:#fff;text-align:center}.score-circle{align-items:center;border-radius:50%;box-shadow:0 10px 30px #0003;display:flex;font-size:3rem;font-weight:700;height:150px;justify-content:center;margin:0 auto 1.5rem;width:150px}.score-circle.pass{background:linear-gradient(135deg,#10b981,#059669)}.score-circle.fail{background:linear-gradient(135deg,#ef4444,#dc2626)}.score-number{color:#fff}.score-display h2{font-size:2rem;margin:0 0 .5rem}.score-display p{font-size:1.1rem;margin:0;opacity:.9}.results-breakdown{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;padding:1.5rem}.results-breakdown h3{color:#1f2937;font-size:1.2rem;margin:0 0 1rem}.result-item{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;font-size:.95rem;gap:1rem;padding:.8rem}.result-item:last-child{border-bottom:none}.pass-icon{background:#10b981}.fail-icon,.pass-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:30px;justify-content:center;width:30px}.fail-icon{background:#ef4444}.result-item strong{color:#1f2937}.result-item small{color:#9ca3af;display:block;font-size:.85rem;margin-top:.2rem}.action-buttons{display:flex;gap:1rem}.action-buttons .btn{flex:1 1;padding:1rem 1.5rem}@media (max-width:600px){.air-brake-inspector{padding:0}.inspector-header{align-items:flex-start;flex-direction:column;padding:1rem}.inspector-header h1{font-size:1.4rem}.inspection-content,.mode-selection,.results-container{padding:1rem}.step-card{padding:1.5rem}.mode-card{flex-direction:column;text-align:center}.mode-card h2{font-size:1.2rem}.step-actions{flex-direction:column}.readings-content{grid-template-columns:1fr}.score-circle{font-size:2.5rem;height:120px;width:120px}.action-buttons{flex-direction:column}}.air-brake-pro-container{background:linear-gradient(135deg,#0a1628,#1a2a4a);color:#d4e4f7;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,system-ui,sans-serif;height:100vh;overflow:hidden;width:100%}.ab-header-bar{align-items:center;background:linear-gradient(180deg,#1f3a52,#0f1f35);border-bottom:2px solid #2a5a7a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:16px 24px}.ab-header-bar h1{align-items:center;color:#e4f2ff;display:flex;font-size:1.4rem;font-weight:600;gap:12px;letter-spacing:1px;margin:0}.ab-badge{background:#2a5a7a;border-radius:20px;color:#a4d4ff;font-size:.8rem;font-weight:500;padding:4px 16px}.ab-gauges-row{display:flex;gap:16px}.ab-info-box{align-items:center;background:#1a3f45;border:1px solid #2a6a7a;border-radius:12px;color:#a4d4ff;display:flex;font-size:.9rem;gap:8px;padding:8px 16px}.ab-main-content{flex:1 1;overflow:hidden}.ab-dashboard,.ab-main-content{display:flex;gap:20px;padding:20px}.ab-dashboard{background:radial-gradient(ellipse at 30% 40%,#2a4a6a,#0f1f35);border:1px solid #2a5a7a;border-radius:20px;box-shadow:inset 0 0 30px #00000080,0 8px 24px #0006;flex:1.2 1;flex-direction:column;min-width:0}.ab-dashboard,.ab-pressure-gauge{align-items:center;justify-content:center}.ab-pressure-gauge{background:radial-gradient(circle at 40% 40%,#1f3a52,#0a1428);border:8px solid #3a6a8a;border-radius:50%;box-shadow:0 0 0 6px #0a1628,0 20px 40px #000c,inset 0 0 20px #0009;display:flex;height:200px;position:relative;width:200px}.ab-gauge-needle{background:linear-gradient(180deg,#ff6b6b,#ee5a52);border-radius:3px;bottom:50%;box-shadow:0 0 10px #ff6b6b99;height:90px;left:50%;position:absolute;transform-origin:bottom center;transition:transform .05s linear;width:6px;z-index:2}.ab-gauge-center{background:radial-gradient(circle at 40% 40%,#2a4a6a,#0a0f1a);border:2px solid #4a8aaa;border-radius:50%;height:20px;position:absolute;width:20px;z-index:3}.ab-gauge-reading{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.ab-reading-value{font-feature-settings:"tnum";color:#4af8d9;font-size:2.2rem;font-variant-numeric:tabular-nums;font-weight:700}.ab-reading-label{color:#8ab4c0;font-size:.8rem;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.ab-status-message{align-items:center;color:#8ab4c0;display:flex;font-size:.9rem;height:40px;justify-content:center;text-align:center;width:100%}.ab-checklist-panel{background:linear-gradient(135deg,#0f1f35,#1a2a45);border:1px solid #2a5a7a;border-radius:20px;box-shadow:inset 0 0 20px #00000080,0 8px 24px #0006;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0;overflow-y:auto;padding:16px}.ab-checklist-panel::-webkit-scrollbar{width:5px}.ab-checklist-panel::-webkit-scrollbar-track{background:#0a1428;border-radius:10px}.ab-checklist-panel::-webkit-scrollbar-thumb{background:#3a6a8a;border-radius:10px}.ab-checklist-panel h3{align-items:center;color:#e4f2ff;display:flex;font-size:1rem;gap:8px;margin:0 0 8px;padding:0}.ab-steps-container{display:flex;flex:1 1;flex-direction:column;gap:0;min-width:0;overflow-y:auto}.ab-step-divider{background:linear-gradient(90deg,#0000,#2a5a7a,#0000);height:1px;margin:6px 0}.ab-step-item{align-items:flex-start;background:#1a2f45;border:1px solid #2a5a7a;border-radius:12px;cursor:pointer;display:flex;flex-shrink:0;gap:12px;padding:10px 12px;transition:all .2s;-webkit-user-select:none;user-select:none}.ab-step-item:hover:not(.ab-completed){background:#2a3f55;border-color:#4a7a9a;transform:translateX(2px)}.ab-step-item.ab-completed{background:#1a3f35;border-color:#4a8a75;cursor:default;opacity:.8}.ab-step-item.ab-active{background:#2a5a7a;border-color:#6a9aba;box-shadow:0 0 12px #4ab2d24d}.ab-step-number{align-items:center;background:#2a5a7a;border-radius:50%;color:#a4d4ff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:32px;justify-content:center;margin-top:2px;width:32px}.ab-step-item.ab-completed .ab-step-number{background:#4a9a85;color:#4af8d9}.ab-step-item.ab-active .ab-step-number{background:#6ab4d0;color:#0f1f35;font-weight:800}.ab-step-content{flex:1 1;min-width:0}.ab-step-title{color:#d4e4f7;font-size:.95rem;font-weight:600;margin:0 0 2px;padding:0}.ab-step-desc{color:#8ab4c0;font-size:.8rem;line-height:1.3;margin:0;padding:0}.ab-step-status{background:#0a1428;border-radius:12px;color:#6ab4d0;display:inline-block;font-size:.7rem;margin-top:4px;padding:2px 10px;white-space:nowrap}.ab-step-item.ab-completed .ab-step-status{background:#0f2a20;color:#4af8d9}.ab-status-bar{background:linear-gradient(180deg,#0f1f35,#0a1428);border-top:2px solid #2a5a7a;color:#d4e4f7;gap:12px;justify-content:space-between;padding:14px 24px}.ab-status-bar,.ab-status-left{align-items:center;display:flex;flex-wrap:wrap}.ab-status-left{gap:16px}.ab-progress-info{font-size:.95rem}.ab-progress-info strong{color:#e4f2ff;font-weight:700}.ab-status-right{display:flex;gap:12px}.ab-btn-home,.ab-btn-reset{background:#1a3f45;border:1px solid #2a6a7a;border-radius:12px;color:#a4d4ff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .2s}.ab-btn-home:hover,.ab-btn-reset:hover{background:#2a5a7a;border-color:#4a8aaa;color:#d4e4f7}.ab-btn-home{background:#1f3a4a;border-color:#2a5a7a}.ab-result-text{background:#1a3f35;border-radius:12px;color:#4af8d9;font-size:1rem;font-weight:700;padding:4px 16px}.ab-result-text.ab-fail{background:#3f1a1a;color:#f47a5a}@media (max-width:1000px){.ab-main-content{flex-direction:column;gap:12px}.ab-dashboard{flex:0 1 220px;min-height:220px}.ab-checklist-panel{flex:1 1;min-height:200px}}@media (max-width:700px){.ab-header-bar{align-items:flex-start;flex-direction:column;padding:12px 16px}.ab-header-bar h1{font-size:1.1rem}.ab-gauges-row{justify-content:space-between;width:100%}.ab-main-content{gap:12px;padding:12px}.ab-pressure-gauge{height:160px;width:160px}.ab-gauge-needle{height:70px}.ab-step-item{padding:8px 10px}.ab-step-number{font-size:.8rem;height:28px;width:28px}.ab-step-title{font-size:.85rem}.ab-step-desc{font-size:.75rem}.ab-status-bar{align-items:flex-start;flex-direction:column;padding:12px 16px}}.cdl-tutorial-container{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);color:#2c3e50;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,sans-serif;height:100vh;width:100%}.tutorial-header{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:16px 24px}.tutorial-header h1{flex:1 1;font-size:1.5rem;margin:0;min-width:250px}.tutorial-header .back-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.tutorial-header .back-btn:hover{background:#ffffff4d;transform:translateX(-2px)}.header-info{align-items:center;display:flex;font-size:.95rem;gap:16px}.bookmark-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;opacity:.6;padding:4px 8px;transition:all .2s}.bookmark-btn:hover{opacity:1;transform:scale(1.1)}.bookmark-btn.active{opacity:1}.tutorial-main{display:flex;flex:1 1;gap:0;overflow:hidden}.tutorial-sidebar{background:#fff;border-right:1px solid #e0e6ed;display:flex;flex-direction:column;gap:24px;overflow-y:auto;padding:20px;width:280px}.sidebar-section{display:flex;flex-direction:column;gap:12px}.sidebar-section h3{color:#2c3e50;font-size:.95rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.search-input{border:2px solid #e0e6ed;border-radius:8px;box-sizing:border-box;font-size:.9rem;padding:10px 12px;transition:all .2s;width:100%}.search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.search-results{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.results-count{color:#7f8c8d;font-size:.85rem;margin:0}.search-result-item{background:#ecf0f1;border:none;border-left:3px solid #3498db;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 12px;text-align:left;transition:all .2s}.search-result-item:hover{background:#d5dbea;transform:translateX(2px)}.search-result-item strong{color:#3498db;font-size:.8rem}.search-result-item span{color:#2c3e50;font-size:.85rem}.bookmarks-list{gap:8px;max-height:300px;overflow-y:auto}.bookmark-item,.bookmarks-list{display:flex;flex-direction:column}.bookmark-item{background:#fef5e7;border:1px solid #f4d03f;border-radius:6px;cursor:pointer;gap:4px;padding:10px 12px;text-align:left;transition:all .2s}.bookmark-item:hover{background:#fef9e7;box-shadow:0 2px 8px #f4d03f33}.bookmark-num{color:#e67e22;font-size:.8rem;font-weight:700}.bookmark-title{color:#2c3e50;font-size:.85rem}.empty-message{color:#95a5a6;font-size:.9rem;font-style:italic;margin:0}.toc-toggle{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 12px;transition:all .2s;width:100%}.toc-toggle:hover{background:#2980b9;box-shadow:0 2px 8px #3498db4d}.table-of-contents{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.toc-chapter{border:1px solid #ecf0f1;border-radius:6px;overflow:hidden}.toc-chapter-title{background:#f8f9fa;border:none;color:#2c3e50;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 12px;text-align:left;transition:all .2s;width:100%}.toc-chapter-title:hover{background:#ecf0f1}.toc-pages{background:#fff;display:flex;flex-direction:column}.toc-page{background:none;border:none;border-left:3px solid #0000;color:#34495e;cursor:pointer;font-size:.85rem;padding:8px 12px;text-align:left;transition:all .2s}.toc-page:hover{background:#f8f9fa;border-left-color:#3498db;transform:translateX(2px)}.toc-page.active{background:#ecf0f1;border-left-color:#27ae60;font-weight:600}.tutorial-content{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.page-container{background:#fff;flex:1 1;overflow-y:auto;padding:40px 50px}.page-header{border-bottom:2px solid #ecf0f1;margin-bottom:30px;padding-bottom:20px}.page-num{color:#7f8c8d;font-size:.85rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.page-header h2{color:#2c3e50;font-size:1.8rem;line-height:1.3;margin:10px 0 0}.page-body{color:#34495e;font-size:1rem;line-height:1.8}.page-body p{margin:12px 0}.page-body strong{color:#2c3e50;font-weight:700}.page-visuals{grid-gap:16px;background:#f8f9fa;border:2px solid #ecf0f1;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:24px 0;padding:20px}.visual-icon-item{align-items:center;background:#fff;border:1px solid #e0e6ed;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px;text-align:center;transition:all .2s}.visual-icon-item:hover{box-shadow:0 4px 12px #3498db26;transform:translateY(-2px)}.icon-symbol{font-size:2.5rem;line-height:1}.icon-label{color:#2c3e50;font-size:.9rem}.icon-desc{color:#7f8c8d;font-size:.8rem;line-height:1.4}.visual-box-item{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:2px solid #2c3e50;border-radius:8px;box-shadow:0 4px 12px #3498db33;color:#fff;cursor:default;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:20px;transition:all .2s}.visual-box-item:hover{box-shadow:0 6px 16px #3498db4d;transform:scale(1.05)}.box-icon{font-size:2rem}.box-label{font-size:.9rem;font-weight:700;line-height:1.3;text-align:center}.visual-description{background:#ecf0f1;border-left:4px solid #3498db;border-radius:6px;color:#34495e;font-size:.9rem;font-style:italic;margin:16px 0;padding:12px 16px}.page-images{display:flex;flex-direction:column;gap:16px;margin:24px 0}.page-image-container{background:#fff;border:2px solid #ecf0f1;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:12px;overflow:hidden}.image-placeholder-banner{align-items:center;background:linear-gradient(135deg,#e8ecf1,#f8f9fa);border-bottom:1px solid #ecf0f1;color:#7f8c8d;display:flex;font-size:1.2rem;font-weight:600;justify-content:center;min-height:200px;padding:24px;text-align:center;width:100%}.image-caption{background:#f8f9fa;color:#34495e;font-size:.9rem;font-style:italic;margin:0;padding:12px 16px}.cover-page-display{background:#fff;border:2px solid #ecf0f1;border-radius:12px;box-shadow:0 8px 24px #0000001f;display:flex;flex-direction:column;margin:24px 0;min-height:500px;overflow:hidden}.cover-header{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-bottom:2px solid #ecf0f1;padding:40px 30px;text-align:center}.cover-title{color:#2c3e50;font-size:2rem;font-weight:800;letter-spacing:1px;margin:0}.cover-subtitle{color:#34495e;font-size:1.2rem;font-weight:600;letter-spacing:2px;margin:12px 0 0}.cover-images-strip{background:#fff;display:flex;flex:1 1;gap:0;overflow:hidden}.cover-image-slot{align-items:center;border-right:2px solid #ecf0f1;display:flex;flex:1 1;justify-content:center;position:relative}.cover-image-slot:last-child{border-right:none}.cover-image-slot.top{background:linear-gradient(135deg,#e74c3c,#c0392b);min-height:150px}.cover-image-slot.middle{background:linear-gradient(135deg,#d4a574,#b8860b);flex:0.5 1;min-height:60px}.cover-image-slot.bottom{background:linear-gradient(135deg,#e74c3c,#c0392b);min-height:150px}.bus-image-placeholder{color:#fff;font-size:.95rem;font-weight:600;line-height:1.4;padding:16px;text-align:center;text-shadow:0 2px 4px #0003}.orange-divider{background:#d4a574;height:100%;width:100%}.cover-footer{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);border-top:2px solid #ecf0f1;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:24px 30px;text-align:center}.cover-org{color:#2c3e50;flex:1 1;font-size:.95rem;min-width:200px}.cover-org strong{display:block;font-size:1rem;margin-bottom:4px}.cover-meta{color:#7f8c8d;flex:1 1;font-size:.85rem;min-width:150px}.cover-meta p{margin:0}.cover-logo{flex:0 1;font-size:2.5rem;opacity:.8}.cover-actual-image{align-items:center;background:#fff;border-bottom:1px solid #ecf0f1;border-top:1px solid #ecf0f1;display:flex;justify-content:center;padding:0;width:100%}.cover-banner-visual{background:#fff;display:flex;gap:0;height:220px;width:100%}.banner-section{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.banner-section.street-scene{background:linear-gradient(135deg,#87ceeb,#4a90e2 25%,#e8b4b8 50%,#d4756e);flex:1.2 1}.banner-section.orange-divider{background:linear-gradient(90deg,#d4a574,#c9985a,#b8860b);flex:0.4 1;min-width:60px}.banner-section.bus-rear{background:linear-gradient(135deg,#e74c3c,#d63025 50%,#c0392b);flex:1.2 1}.scene-content{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:1px;text-align:center;text-shadow:0 2px 8px #0000004d}.toc-page-display{background:#fff;border:1px solid #e8ecf1;border-radius:12px;margin:24px 0;padding:40px}.toc-header{border-bottom:2px solid #e8ecf1;margin-bottom:36px;padding-bottom:24px}.toc-header h2{color:#1a2634;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.toc-subtitle{color:#7f8c8d;font-size:.95rem;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.toc-sections{gap:32px}.toc-section,.toc-sections{display:flex;flex-direction:column}.toc-section{gap:0}.toc-section-header{border-bottom:1px solid #e8ecf1;border-left:4px solid;margin-bottom:12px;padding-bottom:8px;padding-left:16px}.toc-section-label{color:#3498db;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.toc-entries{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.toc-entry{align-items:baseline;color:#2c3e50;display:flex;font-size:.95rem;gap:8px;line-height:1.5;padding:8px 0}.toc-title{color:#1a2634;flex:1 1;font-weight:500}.toc-leader{border-bottom:1px dotted #cbd5e0;flex-grow:1;margin:0 8px;min-width:20px}.toc-page{font-feature-settings:"tnum";color:#3498db;flex-shrink:0;font-family:Courier New,monospace;font-variant-numeric:tabular-nums;font-weight:600;min-width:40px;text-align:right}@media (prefers-color-scheme:dark){.toc-page-display{background:#0f1419;border-color:#1e2a3a}.toc-header{border-bottom-color:#1e2a3a}.toc-header h2{color:#e8eef7}.toc-subtitle{color:#a0aec0}.toc-section-header{border-bottom-color:#1e2a3a}.toc-section-label{color:#4ab8ff}.toc-entry{color:#cbd5e0}.toc-title{color:#e8eef7}.toc-leader{border-color:#2d3748}.toc-page{color:#4ab8ff}}:root[data-theme=light] .toc-page-display{background:#fff;border-color:#e8ecf1}:root[data-theme=light] .toc-header{border-bottom-color:#e8ecf1}:root[data-theme=light] .toc-header h2{color:#1a2634}:root[data-theme=light] .toc-subtitle{color:#7f8c8d}:root[data-theme=light] .toc-section-header{border-bottom-color:#e8ecf1}:root[data-theme=light] .toc-entry{color:#2c3e50}:root[data-theme=light] .toc-title{color:#1a2634}:root[data-theme=light] .toc-leader{border-color:#cbd5e0}.icon-guide-display{background:#fff;border:1px solid #e8ecf1;border-radius:12px;margin:24px 0;padding:40px}.icon-guide-header{border-bottom:2px solid #f0f3f7;margin-bottom:36px;padding-bottom:24px}.icon-guide-header h2{color:#1a2634;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin:0 0 10px}.icon-guide-subtitle{color:#556b7f;font-size:.95rem;font-weight:500;line-height:1.6;margin:0}.icons-list{grid-gap:28px 40px;display:grid;gap:28px 40px;grid-template-columns:1fr 1fr}.icon-row{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f0f4f9);border:1px solid #e8ecf1;border-radius:10px;display:flex;gap:18px;padding:20px;transition:all .3s ease}.icon-row:hover{background:linear-gradient(135deg,#f0f3f7,#e8ecf1);border-color:#d0dae8;box-shadow:0 4px 12px #3498db14;transform:translateY(-2px)}.icon-wrapper{align-items:center;display:flex;flex-shrink:0;height:70px;justify-content:center;position:relative;width:70px}.icon-bg{background:#fff;border:1px solid #e8ecf1;border-radius:12px;box-shadow:0 2px 8px #0000000f;height:100%;position:absolute;width:100%}.icon-svg{height:60%;position:relative;width:60%;z-index:1}.icon-row-safety .icon-svg{color:#e74c3c}.icon-row-warning .icon-svg{color:#f39c12}.icon-row-activity .icon-svg{color:#3498db}.icon-row-knowledge .icon-svg{color:#9b59b6}.icon-row-discussion .icon-svg{color:#1abc9c}.icon-row-resources .icon-svg{color:#2ecc71}.icon-row-video .icon-svg{color:#e67e22}.icon-content{flex:1 1}.icon-label{color:#1a2634;font-size:1.05rem;font-weight:700;letter-spacing:-.25px;margin:0 0 6px}.icon-description{color:#556b7f;font-size:.88rem;font-weight:400;line-height:1.6;margin:0}@media (prefers-color-scheme:dark){.icon-guide-display{background:#0f1419;border-color:#1e2a3a}.icon-guide-header{border-bottom-color:#1e2a3a}.icon-guide-header h2{color:#e8eef7}.icon-guide-subtitle{color:#a0aec0}.icon-row{background:linear-gradient(135deg,#1a2634,#1e2f40);border-color:#2d3748}.icon-row:hover{background:linear-gradient(135deg,#1e2f40,#273449);border-color:#4ab8ff;box-shadow:0 4px 12px #4ab8ff1f}.icon-bg{background:#0f1419;border-color:#2d3748}.icon-label{color:#e8eef7}.icon-description{color:#8fa3b5}}:root[data-theme=light] .icon-guide-display{background:#fff;border-color:#e8ecf1}:root[data-theme=light] .icon-guide-header{border-bottom-color:#f0f3f7}:root[data-theme=light] .icon-guide-header h2{color:#1a2634}:root[data-theme=light] .icon-guide-subtitle{color:#556b7f}:root[data-theme=light] .icon-row{background:linear-gradient(135deg,#f8fafc,#f0f4f9);border-color:#e8ecf1}:root[data-theme=light] .icon-row:hover{background:linear-gradient(135deg,#f0f3f7,#e8ecf1);border-color:#d0dae8}:root[data-theme=light] .icon-bg{background:#fff;border-color:#e8ecf1}:root[data-theme=light] .icon-label{color:#1a2634}:root[data-theme=light] .icon-description{color:#556b7f}.page-navigation{align-items:center;background:#f8f9fa;border-top:1px solid #e0e6ed;display:flex;gap:16px;justify-content:space-between;padding:20px 40px}.nav-btn{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;min-width:120px;padding:10px 20px;transition:all .2s}.nav-btn:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.nav-btn:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}.page-indicator{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:8px}.page-input{border:2px solid #e0e6ed;border-radius:6px;font-size:1rem;font-weight:600;padding:8px 10px;text-align:center;width:60px}.page-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.progress-bar{background:#ecf0f1;height:4px;width:100%}.progress-fill{background:linear-gradient(90deg,#27ae60,#2ecc71);height:100%;transition:width .3s ease}.page-container::-webkit-scrollbar,.search-results::-webkit-scrollbar,.table-of-contents::-webkit-scrollbar,.tutorial-sidebar::-webkit-scrollbar{width:6px}.page-container::-webkit-scrollbar-track,.search-results::-webkit-scrollbar-track,.table-of-contents::-webkit-scrollbar-track,.tutorial-sidebar::-webkit-scrollbar-track{background:#f1f3f5}.page-container::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb,.table-of-contents::-webkit-scrollbar-thumb,.tutorial-sidebar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.page-container::-webkit-scrollbar-thumb:hover,.search-results::-webkit-scrollbar-thumb:hover,.table-of-contents::-webkit-scrollbar-thumb:hover,.tutorial-sidebar::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width:1200px){.tutorial-sidebar{gap:16px;padding:16px;width:240px}.page-container{padding:30px 40px}.page-navigation{padding:16px 30px}}@media (max-width:900px){.tutorial-main{flex-direction:column}.tutorial-sidebar{border-bottom:1px solid #e0e6ed;border-right:none;max-height:30vh;width:100%}.page-container{padding:24px 30px}.tutorial-header{align-items:flex-start;flex-direction:column;gap:12px}.tutorial-header h1{font-size:1.2rem}.header-info{justify-content:space-between;width:100%}}@media (max-width:640px){.tutorial-header{padding:12px 16px}.tutorial-header h1{font-size:1rem}.tutorial-sidebar{gap:12px;max-height:25vh;padding:12px}.page-container{padding:16px 20px}.page-header h2{font-size:1.3rem}.page-body{font-size:.95rem;line-height:1.6}.page-navigation{flex-wrap:wrap;gap:8px;padding:12px 16px}.nav-btn{flex:1 1;font-size:.9rem;min-width:80px;padding:8px 12px}.page-indicator{flex:0 0 100%;justify-content:center}}.two-column-layout{grid-gap:0;align-items:start;display:grid;gap:0;grid-template-columns:1fr 1fr 1fr;margin:20px 0}.column-left{background:#ffffffb3;border:1px solid #d0d5dd;border-radius:8px;border-right:2px solid #999;grid-column:1;padding:16px}.column-left h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 12px}.column-left p{color:#2c3e50;font-size:.95rem;line-height:1.6;margin:8px 0}.column-right{background:#ffffffb3;border:1px solid #d0d5dd;border-left:2px solid #999;border-radius:8px;grid-column:3;padding:16px}.column-left h3,.column-right h3{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 12px}.column-left p,.column-right p{color:#2c3e50;font-size:.95rem;line-height:1.6;margin:8px 0}.boxes-row{gap:12px;grid-column:2;margin:0}.boxes-row,.progress-box{align-items:center;display:flex;flex-direction:column;justify-content:center}.progress-box{background:linear-gradient(135deg,#2980b9,#3498db);border-radius:8px;color:#fff;font-weight:500;gap:10px;min-height:80px;min-width:180px;padding:18px 28px;text-align:center;transition:transform .2s,box-shadow .2s}.progress-box:hover{box-shadow:0 6px 16px #3498db4d;transform:translateY(-3px)}.box-icon{align-items:center;display:flex;font-size:1.8rem;justify-content:center}.box-label{font-size:.85rem;line-height:1.2}@media (prefers-color-scheme:dark){.column-left,.column-right{background:#141e28cc;border-color:#444}.column-left h3,.column-right h3{color:#e8f0fe}.column-left p,.column-right p{color:#e0e0e0}.progress-box{background:linear-gradient(135deg,#1565c0,#1976d2)}.progress-box:hover{box-shadow:0 6px 16px #1976d24d}}@media (max-width:1024px){.two-column-layout{gap:16px;grid-template-columns:1fr}.column-left{border-bottom:2px solid #999;border-right:none}.column-right{border-left:none}.boxes-row{grid-column:auto;margin:20px 0}}.page-header-line{align-items:center;border-bottom:1px solid #d0d5dd;color:#2c3e50;display:flex;font-size:1rem;font-weight:500;gap:40px;justify-content:flex-start;margin:10px 0 16px;padding:12px 0}.header-left{flex-shrink:0;font-weight:600}.header-center{flex:1 1;text-align:center}@media (prefers-color-scheme:dark){.page-header-line{border-bottom-color:#444;color:#e0e0e0}}.page-table{background:#fffc;border:1px solid #d0d5dd;border-radius:8px;margin:20px 0;padding:16px}.table-title{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 12px;text-align:center}.content-table{border:1px solid #d0d5dd;border-collapse:collapse;width:100%}.content-table thead{background:linear-gradient(135deg,#3498db,#2980b9)}.content-table th{border:1px solid #2980b9;color:#fff;font-weight:600;padding:12px;text-align:left}.content-table td{border:1px solid #e0e0e0;color:#2c3e50;padding:12px}.content-table tbody tr{transition:background-color .2s}.content-table tbody tr:nth-child(odd){background-color:#f9fafb}.content-table tbody tr:hover{background-color:#ecf0f5}.content-table tbody tr:nth-child(2n){background-color:#fff}@media (prefers-color-scheme:dark){.page-table{background:#141e28cc;border-color:#444}.table-title{color:#e8f0fe}.content-table{border-color:#444}.content-table thead{background:linear-gradient(135deg,#2196f3,#1565c0)}.content-table th{border-color:#1565c0}.content-table td{border-color:#333;color:#e0e0e0}.content-table tbody tr:nth-child(odd){background-color:#1e2930}.content-table tbody tr:nth-child(2n){background-color:#242f3c}.content-table tbody tr:hover{background-color:#2d3e52}}.pretrip-container{background:#1c1e22;color:#f2f1ea;font-family:Arial,Helvetica,sans-serif;min-height:100vh;width:100%}.pretrip-header{align-items:center;background:#26292f;border-bottom:1px solid #454b53;color:#f2f1ea;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:16px 24px;position:relative}.pretrip-back-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;left:24px;padding:8px 16px;position:absolute;transition:all .2s}.pretrip-back-btn:hover{background:#ffffff4d;transform:translateX(-2px)}.pretrip-header h1{font-size:1.8rem;letter-spacing:1px;margin:0}.pretrip-header h1 span{color:#ffb020}.pretrip-header p{color:#c7dae6;font-size:.9rem;margin:8px 0 0}.pretrip-nav{background:#26292f;border-bottom:1px solid #454b53;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:16px 12px}.pretrip-tab{background:#e8f0f7;border:1px solid #b8d4e8;border-radius:6px;color:#1a3a52;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:10px 22px;text-transform:uppercase;transition:all .2s}.pretrip-tab:hover{background:#d0e4f7}.pretrip-tab.active{background:#ffb020;border-color:#ffb020;color:#fff}.pretrip-main{margin:0 auto;max-width:1000px;padding:30px 20px 60px}.pretrip-view{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pretrip-section-title{border-bottom:2px solid #ffb020;color:#1a3a52;font-size:15px;font-weight:700;letter-spacing:1.5px;margin:30px 0 16px;padding-bottom:6px;text-transform:uppercase}.pretrip-gauge-wrap{align-items:center;background:#26292f;border:1px solid #454b53;border-radius:6px;display:flex;flex-wrap:wrap;gap:28px;justify-content:center;margin:18px 0 26px;padding:24px}.pretrip-gauge-svg{max-width:90vw;width:280px}.pretrip-gauge-legend{flex:1 1;min-width:240px}.pretrip-gauge-legend h3{color:#ffb020;font-size:14px;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.pretrip-glabel{align-items:center;border-radius:4px;color:#d9dbe0;cursor:pointer;display:flex;font-size:13px;gap:10px;margin-bottom:8px;padding:8px;transition:background .2s}.pretrip-glabel:hover{background:#f0f0f0}.pretrip-swatch{border-radius:3px;flex:none;height:14px;width:14px}.pretrip-glabel b{color:#2c3e50;font-weight:600}.pretrip-fact-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:26px}.pretrip-fact-card{background:#3a4048;border:1px solid #d4e4f0;border-left:4px solid #ffb020;border-radius:6px;box-shadow:0 2px 4px #00000008;padding:14px 16px}.pretrip-fact-card h4{color:#ffb020;font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.pretrip-fact-card p{color:#d9dbe0;font-size:13px;line-height:1.5;margin:0}.pretrip-phrase-list{background:#3a4048;border:1px solid #454b53;border-radius:6px;box-shadow:0 2px 4px #00000008;padding:6px 18px}.pretrip-phrase{border-bottom:1px solid #454b53;font-size:13px;padding:12px 0}.pretrip-phrase:last-child{border-bottom:none}.pretrip-phrase b{color:#ffb020;display:block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.pretrip-phrase em{color:#2c3e50;font-style:italic}.pretrip-deck-bar{align-items:center;color:#888;display:flex;font-size:13px;justify-content:space-between;margin:16px 0}.pretrip-card-stage{height:280px;margin:0 auto 20px;max-width:560px;perspective:1400px}.pretrip-flip-card{cursor:pointer;height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s;width:100%}.pretrip-flip-card.flipped{transform:rotateY(180deg)}.pretrip-face{align-items:center;backface-visibility:hidden;background:#3a4048;border:2px solid #454b53;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;inset:0;justify-content:center;padding:30px;position:absolute;text-align:center}.pretrip-face.back{background:#ffb020;border-color:#ffb020;color:#fff;transform:rotateY(180deg)}.pretrip-tag{font-size:11px;font-weight:700;left:16px;letter-spacing:1px;opacity:.6;position:absolute;text-transform:uppercase;top:14px}.pretrip-q{color:#2c3e50;font-size:18px;font-weight:700;line-height:1.4}.pretrip-a{font-size:16px;font-weight:600;line-height:1.5}.pretrip-hint{font-size:11px;letter-spacing:.5px;margin-top:16px;opacity:.6;text-transform:uppercase}.pretrip-deck-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.pretrip-deck-controls button{background:#3a4048;border:1px solid #454b53;border-radius:6px;color:#2c3e50;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:10px 18px;text-transform:uppercase;transition:all .2s}.pretrip-deck-controls button:hover{background:#f0f0f0}.pretrip-deck-controls button.primary{background:#ffb020;border-color:#ffb020;color:#fff}.pretrip-deck-controls button.primary:hover{background:#3a4048}.pretrip-quiz-top{align-items:center;color:#666;display:flex;font-size:13px;justify-content:space-between;margin:16px 0}.pretrip-score{color:#ffb020;font-weight:700}.pretrip-qbox{background:#3a4048;border:1px solid #454b53;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:16px;padding:24px}.pretrip-qtext{color:#2c3e50;font-size:17px;font-weight:700;line-height:1.4;margin-bottom:18px}.pretrip-opts-wrap{display:flex;flex-direction:column;gap:10px}.pretrip-opt{background:#ecf0f1;border:1px solid #bdc3c7;border-radius:6px;color:#2c3e50;cursor:pointer;display:block;font-size:14px;font-weight:500;padding:12px 16px;text-align:left;transition:all .15s;width:100%}.pretrip-opt:hover:not(:disabled){background:#d5dbdb;border-color:#ffb020}.pretrip-opt.correct{background:#27ae60;border-color:#27ae60;color:#fff}.pretrip-opt.wrong{background:#e74c3c;border-color:#e74c3c;color:#fff}.pretrip-opt:disabled{cursor:default}.pretrip-next{background:#ffb020;border:none;border-radius:6px;color:#fff;cursor:pointer;float:right;font-size:13px;font-weight:700;letter-spacing:.5px;margin-top:16px;padding:12px 26px;text-transform:uppercase;transition:background .2s}.pretrip-next:hover{background:#3a4048}.pretrip-quiz-done{background:#3a4048;border-radius:8px;padding:40px 20px;text-align:center}.pretrip-quiz-done h3{color:#ffb020;font-size:32px;font-weight:700;margin-bottom:8px}.pretrip-quiz-done p{color:#d9dbe0;font-size:15px;margin-bottom:20px}.pretrip-quiz-done button{background:#ffb020;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;letter-spacing:.5px;padding:12px 26px;text-transform:uppercase;transition:background .2s}.pretrip-quiz-done button:hover{background:#3a4048}.pretrip-doc-audio-controls{background:linear-gradient(135deg,#26292f,#2e3238);border:2px solid #454b53;border-radius:8px;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:16px}.pretrip-audio-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.pretrip-audio-btn{align-items:center;background:#3a4048;border:2px solid #ffb020;border-radius:6px;color:#ffb020;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .2s}.pretrip-audio-btn:hover:not(:disabled){background:#454b53;box-shadow:0 4px 12px #ffb0204d;transform:translateY(-2px)}.pretrip-audio-btn:disabled{cursor:not-allowed;opacity:.5}.pretrip-audio-btn.playing{animation:pulse 1.5s infinite;background:#ffb020;color:#1c1e22}.pretrip-audio-test-btn{align-items:center;background:#3a4048;border:2px solid #4caf7d;border-radius:6px;color:#4caf7d;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .2s}.pretrip-audio-test-btn:hover:not(:disabled){background:#454b53;box-shadow:0 4px 12px #4caf7d4d;transform:translateY(-2px)}.pretrip-audio-test-btn:disabled{cursor:not-allowed;opacity:.5}.pretrip-audio-stop-btn{align-items:center;background:#3a4048;border:2px solid #c8372f;border-radius:6px;color:#c8372f;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .2s}.pretrip-audio-stop-btn:hover{background:#454b53;box-shadow:0 4px 12px #c8372f4d;transform:translateY(-2px)}.pretrip-audio-btn.paused{background:#f39c12;border-color:#f39c12;color:#1c1e22}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #ffb020b3}50%{box-shadow:0 0 0 8px #ffb02000}}.pretrip-voice-status{background:#ffb02026;border-left:3px solid #ffb020;border-radius:4px;color:#ffb020;font-size:12px;font-weight:600;padding:10px 14px;text-align:center}.pretrip-audio-speed{align-items:center;display:flex;flex:1 1;gap:12px;max-width:300px}.pretrip-audio-speed label{color:#ffb020;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.pretrip-audio-speed input[type=range]{appearance:none;background:#3a4048;border-radius:3px;flex:1 1;height:6px;outline:none}.pretrip-audio-speed input[type=range]::-webkit-slider-thumb{appearance:none;background:#ffb020;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .2s;transition:all .2s;width:16px}.pretrip-audio-speed input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.pretrip-audio-speed input[type=range]::-moz-range-thumb{background:#ffb020;border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:all .2s;transition:all .2s;width:16px}.pretrip-audio-speed input[type=range]::-moz-range-thumb:hover{transform:scale(1.2)}.pretrip-audio-speed input[type=range]:disabled{cursor:not-allowed;opacity:.5}.pretrip-audio-speed span{color:#ffb020;font-size:12px;font-weight:700;min-width:40px;text-align:right}.pretrip-doc-table-wrapper{position:relative}.pretrip-floating-controls{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#26292f,#2e3238);border:2px solid #ffb020;border-radius:8px;bottom:100px;box-shadow:0 4px 16px #ffb0204d;display:flex;gap:8px;padding:12px;position:fixed;right:20px;z-index:100}@keyframes slideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pretrip-float-btn{align-items:center;background:#3a4048;border:2px solid;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;padding:10px 14px;text-transform:uppercase;transition:all .2s;white-space:nowrap}.pretrip-float-btn.pause-btn{border-color:#ffb020;color:#ffb020}.pretrip-float-btn.pause-btn:hover{background:#454b53;box-shadow:0 4px 12px #ffb0204d;transform:translateY(-2px)}.pretrip-float-btn.pause-btn.resumed{border-color:#4caf7d;color:#4caf7d}.pretrip-float-btn.pause-btn.resumed:hover{background:#454b53;box-shadow:0 4px 12px #4caf7d4d}.pretrip-float-btn.stop-btn{border-color:#c8372f;color:#c8372f}.pretrip-float-btn.stop-btn:hover{background:#454b53;box-shadow:0 4px 12px #c8372f4d;transform:translateY(-2px)}.pretrip-doc-nav{grid-gap:10px;background:#26292f;border:1px solid #454b53;border-radius:6px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin:14px 0 24px;padding:16px}.pretrip-doc-nav-btn{align-items:center;background:#3a4048;border:2px solid #454b53;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px;text-decoration:none;transition:all .2s}.pretrip-doc-nav-btn:hover{background:#454b53;transform:translateY(-2px)}.pretrip-doc-nav-icon{font-size:24px}.pretrip-doc-nav-label{font-size:11px;font-weight:700;text-transform:uppercase}.pretrip-doc-nav-label,.pretrip-doc-progress{color:#ffb020;letter-spacing:.5px;text-align:center}.pretrip-doc-progress{background:#3a4048;border-radius:6px;font-size:13px;font-weight:600;margin-bottom:24px;padding:12px}.pretrip-doc-banner{background:#34495e;color:#ecf0f1;font-size:13px;font-weight:500;line-height:1.6;margin:20px 0;padding:14px 18px}.pretrip-doc-banner,.pretrip-doc-section{border:1px solid #454b53;border-left:4px solid #ffb020;border-radius:6px}.pretrip-doc-section{background:#3a4048;box-shadow:0 2px 8px #00000026;margin:24px 0;overflow:hidden;scroll-margin-top:16px}.pretrip-doc-section h3{align-items:center;border-bottom:2px solid #454b53;color:#fff;display:flex;font-size:14px;font-weight:700;gap:10px;letter-spacing:1px;margin:0;padding:14px 18px;text-transform:uppercase}.pretrip-doc-section-icon{font-size:18px}.pretrip-doc-table{border-collapse:collapse;width:100%}.pretrip-doc-table tr{border-bottom:1px solid #454b53}.pretrip-doc-table tr:last-child{border-bottom:none}.pretrip-doc-table tr:nth-child(2n){background:#3498db08}.pretrip-doc-table tr.pretrip-doc-critical{background:#c8372f14}.pretrip-doc-table tr.pretrip-doc-critical:nth-child(2n){background:#c8372f1f}.pretrip-doc-table tr.pretrip-doc-highlighting{animation:highlight-pulse .6s ease-in-out;background:#ffb02033!important;border-left:4px solid #ffb020}.pretrip-reading-indicator{animation:bounce .8s infinite;display:inline-block;font-size:14px;margin-right:6px}@keyframes highlight-pulse{0%{background-color:#ffb0204d}to{background-color:#ffb02026}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pretrip-doc-item{align-items:flex-start;color:#d9dbe0;display:flex;font-size:13px;gap:8px;line-height:1.6;padding:14px 18px}.pretrip-critical-badge{display:inline-block;flex-shrink:0;font-size:14px}.pretrip-doc-item em{color:#ffb020;font-style:italic;font-weight:500}.pretrip-doc-item b{color:#2c3e50;font-weight:700}.pretrip-doc-yn{border-left:1px solid #454b53;color:#999;cursor:pointer;font-size:12px;font-weight:600;padding:14px 8px;text-align:center;transition:background .2s;width:50px}.pretrip-doc-yn:hover{background:#ffb0201a;color:#ffb020}.pretrip-footer{border-top:1px solid #454b53;color:#999;font-size:12px;padding:20px;text-align:center}@media (max-width:768px){.pretrip-gauge-wrap{flex-direction:column}.pretrip-gauge-svg{width:100%}.pretrip-fact-grid{grid-template-columns:1fr}.pretrip-card-stage{height:200px}.pretrip-doc-audio-controls{flex-direction:column;gap:10px}.pretrip-audio-buttons{flex-direction:column}.pretrip-audio-btn,.pretrip-audio-test-btn{justify-content:center;width:100%}.pretrip-audio-speed{flex-wrap:wrap;max-width:none;width:100%}.pretrip-voice-status{font-size:11px}.pretrip-floating-controls{bottom:80px;gap:6px;padding:10px;position:fixed;right:10px}.pretrip-float-btn{font-size:11px;padding:8px 10px}.pretrip-doc-nav{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.pretrip-doc-section h3{flex-wrap:wrap;font-size:12px}.pretrip-doc-item{font-size:12px;padding:10px 12px}.pretrip-doc-yn{font-size:11px;padding:10px 4px;width:40px}.pretrip-doc-subsection h4{font-size:11px;padding:0 12px}}@media (max-width:480px){.pretrip-doc-nav{gap:8px;grid-template-columns:repeat(3,1fr)}.pretrip-doc-nav-btn{padding:8px}.pretrip-doc-nav-icon{font-size:20px}.pretrip-doc-nav-label{font-size:9px}.pretrip-doc-section h3{padding:10px 12px}.pretrip-doc-item{font-size:11px;padding:8px 10px}.pretrip-critical-badge,.pretrip-doc-table{font-size:12px}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#ffb020;--primary-dark:#e69b1a;--success:#4caf7d;--danger:#c8372f;--warning:#ffb020;--bg:#1c1e22;--card:#26292f;--border:#454b53;--text:#f2f1ea;--text-muted:#c7dae6;--radius:6px;--shadow:0 2px 8px #0000004d;--shadow-md:0 4px 12px #0006;--steel:#3a4048}body{background:#1c1e22;background:var(--bg);color:#f2f1ea;color:var(--text);font-family:Segoe UI,system-ui,sans-serif}.app{min-height:100vh}.btn{align-items:center;border:none;border-radius:9px;cursor:pointer;display:inline-flex;font-size:.93rem;font-weight:600;gap:6px;justify-content:center;padding:10px 22px;transition:all .15s}.btn:disabled{cursor:not-allowed;opacity:.4}.btn:not(:disabled):active{transform:scale(.97)}.btn-primary{background:#ffb020;background:var(--primary);color:#1c1e22;font-weight:700}.btn-primary:hover:not(:disabled){background:#e69b1a;background:var(--primary-dark)}.btn-secondary{background:#3a4048;background:var(--steel);color:#f2f1ea}.btn-secondary:hover:not(:disabled){background:#454b53}.btn-outline{background:#0000;border:2px solid #ffb020;border:2px solid var(--primary);color:#ffb020;color:var(--primary)}.btn-outline:hover:not(:disabled){background:#ffb0201a;border-color:#e69b1a;border-color:var(--primary-dark);color:#e69b1a;color:var(--primary-dark)}.btn-sm{font-size:.8rem;padding:6px 13px}.btn-submit{background:#4caf7d;background:var(--success);color:#fff}.btn-submit:hover:not(:disabled){background:#3a8b65}.btn-skip{background:#ffb020;background:var(--primary);color:#1c1e22;font-weight:700}.btn-skip:hover:not(:disabled){background:#e69b1a;background:var(--primary-dark)}.btn-nav{min-width:100px}.btn-practice{background:#ffb020;background:var(--primary);color:#1c1e22;font-size:1rem;font-weight:700;padding:12px;width:100%}.btn-practice:hover{background:#e69b1a;background:var(--primary-dark)}.btn-exam{background:#c8372f;background:var(--danger);color:#fff;font-size:1rem;font-weight:700;padding:12px;width:100%}.btn-exam:hover{background:#a82620}.btn-section-start{color:#1c1e22;font-weight:700;padding:11px;width:calc(100% - 32px)}.btn-exam-start{color:#1c1e22;font-weight:700;padding:9px 18px;white-space:nowrap}.home-screen{margin:0 auto;max-width:960px;padding:24px 16px 60px}.home-header{padding:28px 0 20px;text-align:center}.home-logo{font-size:4rem;line-height:1;margin-bottom:8px}.home-header h1{color:#ffb020;color:var(--primary);font-size:2.1rem;font-weight:900}.home-subtitle{color:#c7dae6;color:var(--text-muted);font-size:1rem;letter-spacing:.5px;margin-top:6px}.tab-bar{background:#26292f;background:var(--card);border:1px solid #454b53;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow);display:flex;gap:4px;margin-bottom:24px;padding:5px}.tab-btn{background:#0000;border:none;border-radius:4px;color:#c7dae6;color:var(--text-muted);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:10px 8px;text-transform:uppercase;transition:all .15s}.tab-btn:hover{background:#3a4048;background:var(--steel);color:#f2f1ea;color:var(--text)}.tab-btn.active{background:#ffb020;background:var(--primary);color:#1c1e22;font-weight:700}.mode-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:28px}.mode-card{background:#26292f;background:var(--card);border:2px solid #454b53;border:2px solid var(--border);border-radius:6px;border-radius:var(--radius);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;padding:28px 24px}.practice-card{border-color:#4caf7d;border-left:4px solid #4caf7d}.exam-card{border-color:#c8372f;border-left:4px solid #c8372f}.mode-icon{font-size:2.8rem}.mode-card h2{color:#f2f1ea;color:var(--text);font-size:1.3rem;font-weight:800}.mode-card p{color:#c7dae6;color:var(--text-muted);font-size:.9rem;line-height:1.6}.mode-features{display:flex;flex:1 1;flex-direction:column;gap:5px;list-style:none;padding-left:0}.mode-features li{color:#c7dae6;color:var(--text-muted);font-size:.88rem}.bank-stats{margin-bottom:24px}.bank-stats h3{color:#ffb020;color:var(--primary);font-size:1rem;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.stats-row{display:flex;flex-wrap:wrap;gap:12px}.stat-card{align-items:center;background:#26292f;background:var(--card);border:2px solid #454b53;border:2px solid var(--border);border-radius:6px;border-radius:var(--radius);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow);display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:130px;padding:14px 16px}.total-stat{background:#3a4048;background:var(--steel);border-color:#454b53;border-color:var(--border)}.stat-icon{font-size:1.6rem}.stat-count{color:#ffb020;color:var(--primary);font-size:2rem;font-weight:900}.stat-label{color:#c7dae6;color:var(--text-muted);font-size:.75rem;font-weight:600;text-align:center}.tips-box{background:#fffbeb;border:1.5px solid #fde68a;border-radius:6px;border-radius:var(--radius);padding:18px 22px}.tips-box h3{color:#92400e;font-size:.95rem;font-weight:700;margin-bottom:10px}.tips-box ul{display:flex;flex-direction:column;gap:6px;padding-left:18px}.tips-box li{color:#78350f;font-size:.88rem}.mode-tab{display:flex;flex-direction:column;gap:20px}.tab-title{font-size:1.35rem;font-weight:800}.tab-desc{color:#c7dae6;color:var(--text-muted);font-size:.93rem}.section-cards{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.section-card{background:#26292f;background:var(--card);border:2px solid #454b53;border:2px solid var(--border);border-radius:6px;border-radius:var(--radius);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;transition:transform .15s,box-shadow .15s}.section-card:hover{box-shadow:0 4px 12px #0006;box-shadow:var(--shadow-md);transform:translateY(-3px)}.section-card-top{align-items:center;display:flex;gap:12px;padding:18px 20px}.section-icon{font-size:2.2rem}.section-card h3{font-size:1.05rem;font-weight:700}.section-tag{color:#c7dae6;color:var(--text-muted);font-size:.77rem}.section-topics{align-content:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:6px;padding:12px 20px}.topic-chip{background:#f1f5f9;border:1px solid #454b53;border:1px solid var(--border);border-radius:999px;color:#374151;font-size:.75rem;padding:3px 10px}.section-meta-row{color:#c7dae6;color:var(--text-muted);display:flex;font-size:.82rem;gap:14px;padding:0 20px 12px}.btn-section-start{border-radius:8px;margin:0 16px 16px}.exam-overview-card{background:#26292f;background:var(--card);border:1px solid #454b53;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow);margin-bottom:28px;padding:22px}.exam-overview-card h3{font-size:1rem;font-weight:700;margin-bottom:14px}.exam-structure{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.exam-row{align-items:center;border:1.5px solid;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;padding:12px 16px}.exam-row-icon{font-size:1.4rem}.exam-row-name{flex:1 1;font-size:.95rem;font-weight:700}.exam-row-bank,.exam-row-count,.exam-row-time{color:#c7dae6;color:var(--text-muted);font-size:.85rem}.exam-note{background:#fffbeb;border-radius:8px;color:#92400e;font-size:.85rem;padding:8px 12px}.exam-section-header{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.exam-section-badge{color:#6b7280;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase;width:fit-content}.exam-section-header h3{color:#f2f1ea;color:var(--text);font-size:1.2rem;font-weight:800;margin:0}.exam-section-header p{color:#c7dae6;color:var(--text-muted);font-size:.9rem;margin:0}.exam-start-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}.exam-start-card{align-items:center;background:#26292f;background:var(--card);border:2px solid #454b53;border:2px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow);display:flex;gap:16px;padding:16px 20px;transition:transform .15s,box-shadow .15s}.exam-start-card:hover{box-shadow:0 4px 12px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.exam-start-card>div{flex:1 1}.exam-extra-endorsements{background:#26292f;background:var(--card);border:1px solid #454b53;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow);padding:18px 20px}.exam-extra-endorsements summary{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:12px;list-style:none;outline:none;padding:6px 0;transition:color .15s}.exam-extra-endorsements summary:hover{color:#ffb020;color:var(--primary)}.exam-extra-badge{color:#6b7280;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.exam-extra-title{color:#f2f1ea;color:var(--text);flex:1 1;font-size:1rem;font-weight:700}.exam-extra-toggle{color:#9ca3af;font-size:.85rem;transition:transform .25s}.exam-extra-endorsements[open] .exam-extra-toggle{transform:rotate(180deg)}.quiz-screen{margin:0 auto;max-width:780px;padding:16px 16px 60px}.quiz-topbar{gap:12px;justify-content:space-between;margin-bottom:14px}.quiz-top-center,.quiz-topbar{align-items:center;display:flex}.quiz-top-center{flex:1 1;gap:8px;justify-content:center}.quiz-section-title{font-size:.95rem;font-weight:700}.mode-pill{border-radius:999px;font-size:.75rem;font-weight:700;padding:3px 10px}.practice-pill{background:#ecfeff;color:#0891b2}.exam-pill{background:#f5f3ff;color:#7c3aed}.timer{flex-shrink:0;height:60px;position:relative;width:60px}.timer-ring{height:100%;width:100%}.timer-ring-bg{stroke:#e2e8f0}.timer-text{font-size:.72rem;font-weight:800;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-container{margin-bottom:14px}.progress-bar-wrap{background:#454b53;background:var(--border);border-radius:999px;height:8px;margin-bottom:5px;overflow:hidden}.progress-bar-fill{background:#ffb020;background:var(--primary);border-radius:999px;height:100%;transition:width .3s ease}.progress-label{color:#c7dae6;color:var(--text-muted);font-size:.78rem}.flagged-banner{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#c2410c}.exam-notice,.flagged-banner{font-size:.83rem;margin-bottom:10px;padding:7px 14px}.exam-notice{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:8px;color:#7c3aed;font-weight:600}.exam-live-score{align-items:center;border:1.5px solid;border-radius:10px;display:flex;flex-wrap:wrap;font-size:.85rem;gap:10px;justify-content:space-between;margin-bottom:12px;padding:10px 16px}.els-can-pass{background:#f0fdf4;border-color:#86efac}.els-will-fail{background:#fef2f2;border-color:#fca5a5}.els-counts{display:flex;flex-wrap:wrap;gap:14px}.els-item{font-weight:700}.els-correct{color:#16a34a}.els-wrong{color:#dc2626}.els-skipped{color:#d97706}.els-remaining{color:#6b7280}.els-skipped-btn{background:none;border:none;color:#d97706;cursor:pointer;font-size:inherit;font-weight:700;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-underline-offset:3px}.els-skipped-btn:disabled{cursor:default;opacity:.6;text-decoration:none}.els-skipped-btn:not(:disabled):hover{color:#92400e}.els-verdict{align-items:center;display:flex;gap:10px}.els-pct{font-size:1.25rem;font-weight:900;line-height:1}.els-hint{color:#c7dae6;color:var(--text-muted);font-size:.78rem}.els-pass-hint{color:#16a34a;font-weight:700}.els-fail-hint{color:#dc2626;font-weight:700}.question-card{background:#26292f;background:var(--card);border:1px solid #454b53;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow);margin-bottom:18px;padding:26px 22px}.question-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.q-number{background:#ffb020;background:var(--primary);border-radius:999px;color:#fff;font-size:.78rem;font-weight:700;padding:3px 11px}.flag-btn{background:none;border:1.5px solid #454b53;border:1.5px solid var(--border);border-radius:6px;color:#c7dae6;color:var(--text-muted);cursor:pointer;font-size:.78rem;padding:4px 11px;transition:all .15s}.flag-btn.flagged{background:#fffbeb}.flag-btn.flagged,.flag-btn:hover{border-color:#ffb020;border-color:var(--warning);color:#ffb020;color:var(--warning)}.question-text{font-size:1.05rem;font-weight:600;line-height:1.65;margin-bottom:20px}.options-list{display:flex;flex-direction:column;gap:9px;list-style:none}.option{align-items:center;background:#f8fafc;border:2px solid #454b53;border:2px solid var(--border);border-radius:9px;cursor:pointer;display:flex;font-size:.93rem;gap:10px;padding:12px 14px;text-align:left;transition:all .15s;width:100%}.option.selected,.option:not(:disabled):hover{background:#eff6ff;border-color:#ffb020;border-color:var(--primary)}.option.correct{background:#f0fdf4;border-color:#4caf7d;border-color:var(--success)}.option.incorrect{background:#fef2f2;border-color:#c8372f;border-color:var(--danger)}.opt-letter{background:#e0e7ff;border-radius:4px;color:#ffb020;color:var(--primary);flex-shrink:0;font-size:.82rem;font-weight:700;padding:2px 7px}.opt-text{flex:1 1}.opt-badge{border-radius:999px;flex-shrink:0;font-size:.72rem;font-weight:700;padding:2px 7px}.correct-badge{background:#dcfce7;color:#15803d}.incorrect-badge{background:#fee2e2;color:#b91c1c}.explanation{border-left:4px solid;border-radius:9px;font-size:.88rem;line-height:1.6;margin-top:16px;padding:13px 15px}.correct-exp{background:#f0fdf4;border-color:#4caf7d;border-color:var(--success);color:#14532d}.incorrect-exp{background:#fef2f2;border-color:#c8372f;border-color:var(--danger);color:#7f1d1d}.quiz-nav{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto 1fr}.quiz-nav .btn:first-child{justify-self:start}.quiz-nav .btn:last-child{justify-self:end}.question-map{background:#26292f;background:var(--card);border:1px solid #454b53;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);margin-top:12px;padding:16px}.map-legend{align-items:center;color:#c7dae6;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.78rem;gap:16px;margin-bottom:12px}.map-dot{border-radius:50%;display:inline-block;height:10px;margin-right:4px;width:10px}.answered{background:#ffb020;background:var(--primary)}.flagged-dot{background:#ffb020;background:var(--warning)}.current-dot{background:#7c3aed}.unanswered-dot{background:#454b53;background:var(--border);border:1px solid #9ca3af}.map-grid{display:flex;flex-wrap:wrap;gap:7px}.map-btn{background:#f8fafc;border:2px solid #454b53;border:2px solid var(--border);border-radius:7px;cursor:pointer;font-size:.72rem;font-weight:600;height:42px;transition:all .15s;width:42px}.map-answered,.map-btn:hover{border-color:#ffb020;border-color:var(--primary)}.map-answered{background:#dbeafe;color:#ffb020;color:var(--primary)}.map-wrong{background:#fee2e2;border-color:#c8372f;border-color:var(--danger);color:#c8372f;color:var(--danger)}.map-skipped{background:#fff7ed;border-color:#d97706;color:#92400e}.map-flagged{background:#fff7ed!important;border-color:#ffb020!important;border-color:var(--warning)!important}.map-current{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important}.wrong-dot{background:#c8372f;background:var(--danger)}.skipped-dot{background:#d97706}.skipped-notice{background:#fff7ed;border:1.5px solid #d97706;border-radius:8px;color:#92400e;font-size:.83rem;font-weight:600;margin-bottom:10px;padding:7px 14px}.pause-row{align-items:center;display:flex;gap:12px;margin-top:14px}.paused-label{color:#ffb020;color:var(--warning);font-size:.83rem;font-weight:600}.answered-count{color:#c7dae6;color:var(--text-muted);font-size:.82rem;margin-left:auto}.results-screen{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:700px;padding:24px 16px 60px}.results-top{align-items:center;border:2px solid;border-radius:6px;border-radius:var(--radius);display:flex;flex-wrap:wrap;gap:20px;padding:24px}.results-badge{border-radius:10px;font-size:1.5rem;font-weight:900;letter-spacing:2px;padding:14px 28px}.results-badge.pass{background:#f0fdf4;border:2.5px solid #4caf7d;border:2.5px solid var(--success);color:#4caf7d;color:var(--success)}.results-badge.fail{background:#fef2f2;border:2.5px solid #c8372f;border:2.5px solid var(--danger);color:#c8372f;color:var(--danger)}.results-section-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.results-icon{font-size:1.6rem}.results-section-name{font-size:1.1rem;font-weight:700}.results-mode-pill{border-radius:999px;font-size:.75rem;font-weight:700;padding:3px 10px}.results-score-row{align-items:center;display:flex;gap:24px}.results-score-big{font-size:5rem;font-weight:900;line-height:1}.results-score-detail{color:#c7dae6;color:var(--text-muted);display:flex;flex-direction:column;font-size:.9rem;gap:4px}.results-score-detail strong{color:#f2f1ea;color:var(--text)}.results-verdict{font-size:1rem;font-weight:600}.pass-text{color:#4caf7d;color:var(--success)}.fail-text{color:#c8372f;color:var(--danger)}.results-gauge{background:#26292f;background:var(--card);border:1px solid #454b53;border:1px solid var(--border);border-radius:12px;padding:16px 20px}.gauge-bar{background:#f1f5f9;border-radius:999px;height:14px;margin-bottom:6px;overflow:visible;position:relative}.gauge-fill{border-radius:999px;height:100%;transition:width .6s ease}.gauge-threshold{background:#1a56db;border-radius:2px;bottom:-4px;position:absolute;top:-4px;width:3px}.gauge-threshold:after{color:#ffb020;color:var(--primary);content:"80%";font-size:.7rem;font-weight:700;left:-12px;position:absolute;top:-20px}.gauge-labels{color:#c7dae6;color:var(--text-muted);display:flex;font-size:.75rem}.results-breakdown{background:#26292f;background:var(--card);border:1px solid #454b53;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius);padding:18px}.results-breakdown h4{color:#c7dae6;color:var(--text-muted);font-size:.9rem;font-weight:700;margin-bottom:12px}.breakdown-grid{display:flex;flex-wrap:wrap;gap:6px}.breakdown-item{align-items:center;border:1.5px solid;border-radius:8px;display:flex;flex-direction:column;font-size:.7rem;font-weight:700;height:44px;justify-content:center;width:44px}.bk-correct{background:#f0fdf4;border-color:#86efac;color:#4caf7d;color:var(--success)}.bk-incorrect{background:#fef2f2;border-color:#fca5a5;color:#c8372f;color:var(--danger)}.bk-skipped{background:#f8fafc;border-color:#454b53;border-color:var(--border);color:#9ca3af}.bk-num{font-size:.65rem;opacity:.7}.bk-icon{font-size:.85rem}.results-actions{display:flex;flex-wrap:wrap;gap:12px}.review-screen{margin:0 auto;max-width:780px;padding:20px 16px 60px}.review-header{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}.review-title{font-size:1.1rem;font-weight:700}.review-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.filter-btn{background:#26292f;background:var(--card);border:2px solid #454b53;border:2px solid var(--border);border-radius:8px;color:#c7dae6;color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:600;padding:7px 14px;transition:all .15s}.filter-btn:hover{color:#ffb020;color:var(--primary)}.filter-btn.filter-active,.filter-btn:hover{border-color:#ffb020;border-color:var(--primary)}.filter-btn.filter-active{background:#ffb020;background:var(--primary);color:#fff}.filter-count{align-items:center;background:#ffffff40;border-radius:999px;display:inline-flex;font-size:.78rem;justify-content:center;margin-left:4px;padding:0 6px}.filter-btn:not(.filter-active) .filter-count{background:#f1f5f9;color:#f2f1ea;color:var(--text)}.empty-filter{padding:40px}.review-list{display:flex;flex-direction:column;gap:16px}@media (max-width:640px){.mode-cards{grid-template-columns:1fr}.results-score-big{font-size:3.5rem}.quiz-nav{flex-wrap:wrap}.quiz-nav .btn{flex:1 1}.results-actions{flex-direction:column}.home-header h1{font-size:1.6rem}.tab-btn{font-size:.78rem;padding:8px 4px}}.mbta-banner{background:linear-gradient(135deg,#1a56db,#1e40af);border-radius:6px;border-radius:var(--radius);color:#fff;margin-bottom:24px;padding:20px 24px}.mbta-banner h2{font-size:1.1rem;margin-bottom:14px;opacity:.9}.mbta-requirements{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.req-item{align-items:flex-start;background:#ffffff1f;border-radius:10px;display:flex;gap:10px;padding:10px 12px}.req-num{flex-shrink:0;font-size:1.3rem;font-weight:900;line-height:1}.req-item strong{display:block;font-size:.9rem;margin-bottom:2px}.req-item small{font-size:.75rem;opacity:.8}.tab-section-label{border-radius:6px;display:inline-block;font-size:.88rem;font-weight:700;margin:20px 0 12px;padding:6px 12px}.required-label{background:#dcfce7;border:1px solid #86efac;color:#166534}.extra-label{background:#f1f5f9;border:1px solid #cbd5e1;color:#475569}.required-section{border-width:2px!important}.extra-section{opacity:.85}.inline-review{border-top:2px solid #454b53;border-top:2px solid var(--border);margin-top:32px;padding-top:24px}.inline-review-header{margin-bottom:14px}.inline-review-header h3{color:#f2f1ea;color:var(--text);font-size:1.15rem;font-weight:800}.inline-review-sub{font-size:.85rem;margin-top:4px}.breakdown-hint,.inline-review-sub{color:#c7dae6;color:var(--text-muted)}.breakdown-hint{font-size:.78rem;margin-top:8px;text-align:center}.review-filters .filter-btn{transition:background .15s,color .15s,border-color .15s}.review-filters .filter-btn.filter-active{color:#fff!important}.empty-filter{background:#26292f;background:var(--card);border:2px dashed #454b53;border:2px dashed var(--border);border-radius:6px;border-radius:var(--radius);color:#c7dae6;color:var(--text-muted);font-size:1rem;padding:40px 20px;text-align:center}.history-screen{margin:0 auto;max-width:860px;padding:24px 16px 60px}.history-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.history-title-block{align-items:center;display:flex;flex-direction:column;gap:2px}.history-title-block h2{font-size:1.4rem;font-weight:800;margin:0}.history-count{color:#c7dae6;color:var(--text-muted);font-size:.8rem}.btn-danger-outline{background:#0000;border:2px solid #c8372f;border:2px solid var(--danger);border-radius:9px;color:#c8372f;color:var(--danger);cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 13px}.btn-danger-outline:hover{background:#fef2f2}.btn-danger{background:#c8372f;background:var(--danger);border:none;border-radius:9px;color:#fff;cursor:pointer;font-weight:600;padding:10px 22px}.btn-danger:hover{background:#b91c1c}.confirm-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:100}.confirm-box{background:#26292f;background:var(--card);border-radius:6px;border-radius:var(--radius);box-shadow:0 4px 12px #0006;box-shadow:var(--shadow-md);max-width:380px;padding:28px 32px;text-align:center;width:90%}.confirm-box p{font-size:1rem;font-weight:700;margin-bottom:6px}.confirm-sub{color:#c7dae6;color:var(--text-muted);font-size:.85rem;margin-bottom:20px!important}.confirm-actions{display:flex;gap:12px;justify-content:center}.history-empty{background:#26292f;background:var(--card);border:2px dashed #454b53;border:2px dashed var(--border);border-radius:6px;border-radius:var(--radius);padding:60px 20px;text-align:center}.history-empty-icon{font-size:3rem;margin-bottom:12px}.history-empty h3{font-size:1.2rem;font-weight:800;margin-bottom:8px}.history-empty p{color:#c7dae6;color:var(--text-muted);font-size:.9rem;margin-bottom:20px;margin-inline:auto;max-width:340px}.history-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.history-list{display:flex;flex-direction:column;gap:10px}.history-card{align-items:center;background:#26292f;background:var(--card);border:1.5px solid #454b53;border:1.5px solid var(--border);border-radius:6px;border-radius:var(--radius);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow);cursor:pointer;display:flex;gap:14px;overflow:hidden;padding:14px 14px 14px 6px;position:relative;transition:transform .12s,box-shadow .12s}.history-card:hover{box-shadow:0 4px 12px #0006;box-shadow:var(--shadow-md);transform:translateY(-2px)}.hc-pass{border-color:#86efac}.hc-fail{border-color:#fca5a5}.hc-accent{border-radius:4px;flex-shrink:0;min-height:60px;width:5px}.hc-section{align-items:center;display:flex;flex:2 1;gap:10px;min-width:0}.hc-icon{flex-shrink:0;font-size:1.5rem}.hc-name{display:block;font-size:.9rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hc-mode-pill{border-radius:20px;display:inline-block;font-size:.7rem;font-weight:600;margin-top:3px;padding:1px 8px}.exam-pill{background:#ede9fe;color:#5b21b6}.practice-pill{background:#e0f2fe;color:#0369a1}.hc-score{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:4px;min-width:60px}.hc-pct{font-size:1.3rem;font-weight:900;line-height:1}.hc-badge{border-radius:4px;font-size:.62rem;font-weight:800;letter-spacing:.04em;padding:1px 6px}.hc-pass-badge{background:#dcfce7;color:#166534}.hc-fail-badge{background:#fee2e2;color:#991b1b}.hc-stats{display:flex;flex-direction:column;flex-shrink:0;font-size:.8rem;gap:2px}.hc-stat-correct{color:#16a34a;font-weight:700}.hc-stat-wrong{color:#dc2626;font-weight:700}.hc-date,.hc-stat-total{color:#c7dae6;color:var(--text-muted)}.hc-date{display:flex;flex-direction:column;flex-shrink:0;font-size:.75rem;gap:1px}.hc-time{color:#f2f1ea;color:var(--text);font-weight:600}.hc-relative{color:#c7dae6;color:var(--text-muted);font-size:.7rem;font-style:italic}.hc-actions{display:flex;flex-direction:column;flex-shrink:0;gap:6px;margin-left:auto}.hc-view-btn{background:#ffb020;background:var(--primary);border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:.78rem;font-weight:600;padding:5px 12px;white-space:nowrap}.hc-view-btn:hover{background:#e69b1a;background:var(--primary-dark)}.hc-delete-btn{background:#0000;border:1.5px solid #454b53;border:1.5px solid var(--border);border-radius:7px;color:#c7dae6;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:4px 8px}.hc-delete-btn:hover{background:#fef2f2;border-color:#c8372f;border-color:var(--danger);color:#c8372f;color:var(--danger)}.history-detail-nav{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:20px}.history-detail-date{color:#c7dae6;color:var(--text-muted);font-size:.82rem;font-weight:600}.mbta-training-banner{align-items:center;background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border-radius:14px;box-shadow:0 4px 16px #1d4ed859;cursor:pointer;display:flex;gap:14px;margin:0 0 20px;overflow:hidden;padding:18px 20px;position:relative;transition:transform .15s ease,box-shadow .15s ease}.mbta-training-banner:after{background:#fff0;content:"";inset:0;position:absolute;transition:background .15s}.mbta-training-banner:hover{box-shadow:0 6px 22px #1d4ed873;transform:translateY(-2px)}.mbta-training-banner:hover:after{background:#ffffff0a}.mbta-training-badge{align-self:flex-start;background:#facc15;border-radius:20px;color:#1e3a8a;flex-shrink:0;font-size:.7rem;font-weight:800;letter-spacing:.05em;padding:3px 8px}.mbta-training-info{flex:1 1}.mbta-training-info h3{color:#fff;font-size:1.05rem;font-weight:700;margin:0 0 4px}.mbta-training-info p{color:#bfdbfe;font-size:.85rem;line-height:1.4;margin:0}.btn-mbta-training{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.88rem;font-weight:700;padding:8px 16px;transition:filter .15s,transform .15s;white-space:nowrap}.btn-mbta-training:hover{filter:brightness(1.12);transform:scale(1.03)}.mbta-drills-section{margin-bottom:24px}.mbta-drills-header{margin-bottom:12px}.mbta-drills-header h3{color:#1e3a8a;font-size:1rem;font-weight:700;margin:4px 0 2px}.mbta-drills-header p{color:#6b7280;font-size:.82rem;margin:0}.mbta-drill-cards{display:flex;flex-direction:column;gap:10px}.mbta-drill-card{align-items:center;border:2px solid;border-radius:14px;cursor:pointer;display:flex;gap:14px;padding:14px 16px;transition:transform .15s ease,box-shadow .15s ease}.mbta-drill-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.mbta-drill-icon{flex-shrink:0;font-size:1.8rem}.mbta-drill-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.mbta-drill-info strong{font-size:.95rem}.mbta-drill-info small{color:#6b7280;font-size:.78rem}@media (max-width:600px){.history-card{flex-wrap:wrap}.hc-section{flex:1 1 100%}.hc-actions,.hc-date,.hc-score,.hc-stats{flex:1 1}.hc-actions{flex-direction:row}.mbta-drill-card{flex-wrap:wrap}.mbta-drill-card .btn-mbta-training{margin-top:6px;text-align:center;width:100%}}@media (max-width:480px){.tab-btn{font-size:.7rem;padding:7px 3px}}.readiness-card{background:#26292f;background:var(--card);border:2px solid #454b53;border:2px solid var(--border);border-radius:6px;border-radius:var(--radius);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:18px 20px}.readiness-card.readiness-empty{border-style:dashed;color:#c7dae6;color:var(--text-muted);padding:24px;text-align:center}.readiness-empty-icon{font-size:2.4rem;margin-bottom:4px}.readiness-empty p{font-size:.88rem;margin:4px 0}.readiness-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.readiness-title{font-size:1rem;font-weight:800;margin:0}.readiness-ready-badge{background:#dcfce7;border:1.5px solid #86efac;border-radius:999px;color:#15803d;font-size:.8rem;font-weight:700;padding:3px 12px}.readiness-sections{display:flex;flex-direction:column;gap:8px}.readiness-section{align-items:center;background:#f8fafc;border:1.5px solid #454b53;border:1.5px solid var(--border);border-radius:10px;display:flex;gap:12px;padding:10px 14px;transition:box-shadow .15s}.rs-no-data{opacity:.6}.rs-icon{flex-shrink:0;font-size:1.4rem}.rs-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.rs-name{font-size:.88rem;font-weight:700}.rs-sub{color:#c7dae6;color:var(--text-muted);font-size:.74rem}.rs-score-block{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.rs-avg{font-size:1.35rem;font-weight:900;line-height:1}.rs-level{font-size:.7rem;font-weight:700;white-space:nowrap}.rs-status{color:#c7dae6;color:var(--text-muted);font-size:1.2rem}.btn-weak-drill{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;box-shadow:0 2px 8px #dc26264d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:11px 20px;text-align:center;transition:filter .15s,transform .12s;width:100%}.btn-weak-drill:hover{filter:brightness(1.08);transform:translateY(-1px)}.study-path-banner{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a8a);border-radius:6px;border-radius:var(--radius);color:#fff;display:flex;gap:14px;margin-bottom:20px;padding:16px 20px}.sp-icon{flex-shrink:0;font-size:2rem}.sp-text{flex:1 1}.sp-text strong{display:block;font-size:.95rem;margin-bottom:3px}.sp-text p{color:#bfdbfe;font-size:.8rem;margin:0}.btn-study-path{background:#facc15;border:none;border-radius:9px;color:#1e3a8a;cursor:pointer;font-size:.85rem;font-weight:800;padding:9px 16px;transition:filter .15s;white-space:nowrap}.btn-study-path:hover{filter:brightness(1.08)}.study-guide{display:flex;flex-direction:column;gap:0}.sg-section-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.sg-section-tab{align-items:center;background:#26292f;background:var(--card);border:2px solid #454b53;border:2px solid var(--border);border-radius:999px;color:#c7dae6;color:var(--text-muted);cursor:pointer;display:flex;font-size:.88rem;font-weight:700;gap:7px;padding:9px 18px;transition:all .15s}.sg-section-tab:hover{border-color:#ffb020;border-color:var(--primary);color:#ffb020;color:var(--primary)}.sg-section-tab.sg-tab-active{border-color:#0000;color:#fff}.sg-tab-label{display:inline}.sg-search-row{margin-bottom:8px;position:relative}.sg-search{background:#26292f;background:var(--card);border:2px solid #454b53;border:2px solid var(--border);border-radius:10px;font-size:.92rem;padding:10px 40px 10px 14px;transition:border-color .15s;width:100%}.sg-search:focus{border-color:#ffb020;border-color:var(--primary);outline:none}.sg-search-clear{background:none;border:none;cursor:pointer;font-size:1rem;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.sg-meta,.sg-search-clear{color:#c7dae6;color:var(--text-muted)}.sg-meta{font-size:.8rem;margin-bottom:14px}.sg-empty{color:#c7dae6;color:var(--text-muted);font-size:.95rem;padding:40px;text-align:center}.sg-category{background:#26292f;background:var(--card);border:1.5px solid #454b53;border:1.5px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden}.sg-category-header{align-items:center;background:#f8fafc;border:none;border-left:4px solid;cursor:pointer;display:flex;gap:10px;padding:13px 16px;text-align:left;transition:background .12s;width:100%}.sg-category-header:hover{background:#f1f5f9}.sg-cat-emoji{flex-shrink:0;font-size:1.15rem}.sg-cat-title{color:#f2f1ea;color:var(--text);flex:1 1;font-size:.95rem;font-weight:700}.sg-cat-count{background:#454b53;background:var(--border);border-radius:999px;font-size:.75rem;padding:2px 8px}.sg-cat-arrow,.sg-cat-count{color:#c7dae6;color:var(--text-muted);flex-shrink:0}.sg-cat-arrow{font-size:.65rem;margin-left:6px}.sg-facts-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:14px}.sg-fact-card{background:#1c1e22;background:var(--bg);border:1.5px solid #454b53;border:1.5px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px 14px;transition:box-shadow .12s,border-color .12s}.sg-fact-card:hover{border-color:#94a3b8;box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow)}.sg-fact-label{color:#c7dae6;color:var(--text-muted);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sg-fact-value{font-size:1.05rem;font-weight:900;line-height:1.2}.sg-fact-detail{color:#374151;font-size:.78rem;line-height:1.5;margin-top:2px}.sg-tip-box{background:#fffbeb;border:1.5px solid #fde68a;color:#78350f;font-size:.85rem;margin-top:8px;padding:14px 18px}.practical-skills-banner,.sg-tip-box{border-radius:6px;border-radius:var(--radius)}.practical-skills-banner{align-items:center;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;display:flex;gap:14px;margin-bottom:20px;padding:16px 20px}.ps-icon{flex-shrink:0;font-size:2rem}.ps-text{flex:1 1}.ps-text strong{display:block;font-size:.95rem;margin-bottom:3px}.ps-text p{color:#e9d5ff;font-size:.8rem;margin:0}.btn-practical{background:#fbbf24;border:none;border-radius:9px;color:#7c3aed;cursor:pointer;font-size:.85rem;font-weight:800;padding:9px 16px;transition:filter .15s;white-space:nowrap}.btn-practical:hover{filter:brightness(1.08)}.inspector-cards{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.inspector-card{background:#26292f;background:var(--card);border:2px solid #454b53;border:2px solid var(--border);border-radius:6px;border-radius:var(--radius);box-shadow:0 2px 8px #0000004d;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;padding:24px;position:relative;transition:all .2s}.inspector-card:not(.coming-soon):hover{border-color:#7c3aed;box-shadow:0 8px 24px #7c3aed26;transform:translateY(-2px)}.inspector-card.coming-soon{opacity:.75}.inspector-card.featured{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:3px solid #f59e0b;box-shadow:0 8px 24px #f59e0b33;order:-1}.inspector-card.featured .featured-badge{background:#f59e0b;border-radius:12px;color:#fff;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.05em;margin-left:auto;padding:.3rem .8rem;text-transform:uppercase}.featured-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 4px 12px #f59e0b4d!important;cursor:pointer!important;pointer-events:auto!important}.featured-btn:hover{box-shadow:0 8px 20px #f59e0b66!important}.inspector-card-header{align-items:center;display:flex;gap:10px;margin-bottom:4px}.inspector-icon{font-size:2rem}.inspector-card-header h3{color:#f2f1ea;color:var(--text);font-size:1.15rem;font-weight:700;margin:0}.inspector-card>p{color:#c7dae6;color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0}.inspector-features{flex:1 1}.inspector-features h4{color:#f2f1ea;color:var(--text);font-size:.9rem;font-weight:600;margin:8px 0 6px}.inspector-features ul{display:flex;flex-direction:column;gap:4px;list-style:none;padding-left:0}.inspector-features li{color:#374151;font-size:.85rem}.inspector-modes{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.mode-badge{background:#e0e7ff;border-radius:6px;color:#4f46e5;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px}.btn-inspector-start{background:#7c3aed!important;border:none!important;border-radius:9px!important;color:#fff!important;cursor:pointer!important;font-size:.9rem!important;padding:11px!important;pointer-events:auto!important;transition:background .15s!important;width:100%!important}.btn-inspector-start:hover{background:#6d28d9}.coming-soon-badge{background:#fef3c7;border-radius:6px;color:#92400e;display:inline-block;font-size:.8rem;font-weight:600;margin-top:auto;padding:6px 12px;text-align:center}.inspector-note{background:#f0fdf4;border:2px solid #bbf7d0;border-radius:6px;border-radius:var(--radius);margin-bottom:24px;padding:16px 18px}.inspector-note h3{color:#166534;font-size:.95rem;font-weight:700;margin:0 0 8px}.inspector-note ol{margin:0;padding-left:18px}.inspector-note li{color:#166534;font-size:.9rem;line-height:1.6;margin-bottom:6px}.inspector-note li:last-child{margin-bottom:0}.inspector-note strong{color:#15803d}@media (max-width:500px){.sg-facts-grid{grid-template-columns:1fr}.sg-section-tab{font-size:.8rem;padding:7px 12px}.sg-tab-label{display:none}.study-path-banner{flex-wrap:wrap}.btn-study-path{width:100%}.practical-skills-banner{flex-wrap:wrap}.btn-practical{width:100%}.inspector-cards{grid-template-columns:1fr}.inspector-card-header{flex-wrap:wrap}}
/*# sourceMappingURL=main.74e588e8.css.map*/