/* Drivewise: playful components, red-led palette sourced from Lattice brand guide. */
:root{--ink:#001F1F;--muted:#455252;--paper:#FFFFFF;--border:#C4CCCC;--surface:#FFFFFF;--surface-soft:#F3F6F6;--teal:#7070FF;--teal-dark:#4533B8;--teal-light:#F2F2FD;--olive:#652EA3;--ochre:#B8252F;--neutral-shadow:#C4CCCC}
body{background:var(--paper);color:var(--ink)}
.header{background:rgba(251,250,244,.98);border-color:var(--border);box-shadow:0 2px 12px #001F1F08}
.nav-link,.test-label,.language,.footer,.footer button{color:var(--muted)}
.language,.button.secondary{background:var(--paper);border-color:var(--border);color:var(--ink)}
.button.secondary{box-shadow:0 3px 0 var(--neutral-shadow)}
.button.secondary:hover{background:var(--surface-soft)}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--teal-dark)}
.landing-description,.landing-assurances,.landing-section-heading>p,.feature-card>p,.feature-caption,.coverage-strip span,.coverage-strip>p,.coverage-note,.roadmap-grid p,.faq-item>p,.landing-final p,.chapter-picker label,.chapter-picker p,.chapter-card>span:last-child,.preview-stats p,.result-total{color:var(--muted)}
.landing-copy h1,.landing-section-heading h2,.feature-card h3,.chapter-card h3,.roadmap-grid h3,.result-hero h1{color:var(--ink)}
.landing-section-heading .eyebrow,.feature-icon,.chapter-number,.preview-category,.landing-final .eyebrow{color:var(--teal-dark)}
.coverage-strip{background:var(--surface-soft);border-color:var(--border)}
.coverage-strip strong{color:var(--teal-dark)}
.coverage-strip>p{border-color:var(--border)}
.product-preview{background:var(--surface);border-color:var(--border);box-shadow:0 7px 0 var(--neutral-shadow),0 20px 45px #001F1F08}
.preview-chrome{background:var(--paper);border-color:var(--border);color:var(--muted)}
.preview-stats{background:var(--surface-soft);border-color:var(--border)}
.preview-count{background:var(--paper)}
.preview-question{background:var(--surface)}
.preview-letter{background:var(--surface-soft);color:var(--teal-dark)}
.preview-choice{background:var(--surface);border-color:var(--border);box-shadow:0 3px 0 var(--neutral-shadow);color:var(--ink)}
.preview-choice:hover{border-color:var(--teal);background:#F2F2FD;box-shadow:0 4px 0 #D9D9FF}
.preview-bottom{background:var(--teal-light);border-color:#D9D9FF;color:var(--teal-dark)}
.feature-card{background:#FFF0F1;border-color:#FFDADE;box-shadow:0 5px 0 #FFDADE}
.feature-1{background:var(--teal-light);border-color:#D9D9FF;box-shadow:0 5px 0 #D9D9FF}
.feature-2{background:#FFFAE8;border-color:#FFECC4;box-shadow:0 5px 0 #FFECC4}
.feature-3{background:#F8F1FE;border-color:#ECD7FF;box-shadow:0 5px 0 #ECD7FF}
.feature-icon{background:#FFFFFFB3}.feature-caption{border-color:#001F1F14}
.status-badge.available{color:var(--teal-dark);background:var(--paper);border-color:#C4CCCC}
.status-badge.planned{color:var(--olive);background:#F2F2FD;border-color:#D9D9FF}
.chapter-section .chapter-picker,.chapter-picker{background:var(--surface-soft);border-color:var(--border)}
.chapter-picker a,.reference-document a,.reference-list a,.preview-feedback a{color:var(--teal-dark)}
.chapter-controls select{background:var(--paper);border-color:var(--border);color:var(--ink)}
.chapter-card{background:var(--surface);border-color:var(--border)}
.chapter-card.coming{background:var(--surface-soft)}
.chapter-card.coming .chapter-number{color:var(--muted)}
.landing-how .steps article{background:#FFF0F1;border-color:#FFDADE;box-shadow:0 5px 0 #FFDADE}
.landing-how .steps article:nth-child(2){background:var(--teal-light);border-color:#D9D9FF;box-shadow:0 5px 0 #D9D9FF}
.landing-how .steps article:nth-child(3){background:#FFFAE8;border-color:#FFECC4;box-shadow:0 5px 0 #FFECC4}
.landing-how .green-bg{background:#FFDADE;color:#B8252F}
.landing-how .blue-bg{background:#D9D9FF;color:var(--teal-dark)}
.landing-how .peach-bg{background:#FFECC4;color:#455252}
.landing-how .step-num,.landing-how .steps article:nth-child(2) .step-num,.landing-how .steps article:nth-child(3) .step-num{color:#455252}
.roadmap-section{background:#F2F2FD;border-color:var(--border)}
.roadmap-grid article+article{border-color:var(--border)}
.roadmap-grid h3>.icon{color:var(--olive)}
.faq-item{border-color:var(--border)}
.faq-item summary>span{background:var(--teal-light);border-color:#D9D9FF;color:var(--teal-dark)}
.landing-final{background:var(--teal-light);border-color:#D9D9FF;box-shadow:0 5px 0 #D9D9FF}
.demo-notice{background:var(--surface-soft);border-color:var(--border)}
.last-result{background:var(--surface);border-color:var(--border)}
.last-icon{background:var(--teal-light);color:var(--teal-dark)}
.buddy-bubble{background:#FFFAE8;border-color:#FFECC4;box-shadow:0 3px 0 #FFECC4;color:#455252}
.buddy-bubble>span{color:#455252}
.quiz-bottom{background:var(--paper);border-color:var(--border)}
.quiz-bottom-center>span,.quiz-meta,.quiz-top,.back-link,.choose-hint,.map-toggle{color:var(--muted)}
.question-tag{color:var(--teal-dark)}
.question-tag>.icon{color:var(--teal-dark);background:var(--teal-light)}
.question-tag>span{background:#FFFAE8;border-color:#FFECC4;color:#455252}
.choice{background:var(--surface);border-color:var(--border);box-shadow:0 3px 0 var(--neutral-shadow);color:var(--ink)}
.choice:hover:not(:disabled){background:var(--surface-soft);border-color:#6C7A7A;box-shadow:0 3px 0 #6C7A7A}
.choice-key{border-color:var(--border);color:var(--muted)}
.choice.muted{background:var(--surface-soft);color:var(--muted)}
/* Keep feedback meaning immediately recognizable. */
.choice.selected,.choice.selected:hover:not(:disabled){background:#E9F9FB;border-color:#0794B8;box-shadow:0 3px 0 #0794B8;color:#05537A}
.choice.selected .choice-key{background:#0794B8;border-color:#0794B8;color:#FFF}
.choice.correct,.preview-choice.is-correct{background:#FFFFFF;border-color:#046645;box-shadow:0 3px 0 #046645;color:#046645}
.choice.incorrect,.preview-choice.is-incorrect{background:#FFF0F1;border-color:#B8252F;box-shadow:0 3px 0 #B8252F;color:#B8252F}
.preview-feedback.correct{background:#FFFFFF;border-color:#C4CCCC;color:#046645}
.preview-feedback.incorrect{background:#FFF0F1;border-color:#FFDADE;color:#B8252F}
.result-stats{background:var(--surface);border-color:var(--border)}
.result-stats>div+div{border-color:var(--border)}
.review-item{background:var(--surface);border-color:var(--border)}
.review-content,.review-item summary small{color:var(--muted)}
.review-skipped .review-status{background:#FFFAE8;color:#455252}
.reference-document{color:var(--ink)}
dialog{background:var(--paper);border-color:var(--border)}
/* Preserve rounded, tactile learning UI. Palette changes do not flatten components. */
:root{--accent:#F55861;--accent-dark:#B8252F;--red:#F55861;--red-dark:#B8252F;--purple:#4533B8;--yellow:#FFFAE8}
.button.primary,.landing-actions>.button,.landing-final>.button{background:#F55861;border:2px solid #B8252F;color:#001F1F;border-radius:16px;box-shadow:0 5px 0 #B8252F;font-weight:750}
.button.primary:hover,.landing-actions>.button:hover,.landing-final>.button:hover{background:#FFDADE;border-color:#B8252F;box-shadow:0 6px 0 #B8252F;transform:translateY(-1px)}
.button.primary:active,.landing-actions>.button:active,.landing-final>.button:active{transform:translateY(4px);box-shadow:0 1px 0 #B8252F}
.button.primary:disabled{background:#F3F6F6;border-color:#C4CCCC;color:#455252;box-shadow:0 4px 0 #C4CCCC;transform:none}
.brand-en,.landing-copy h1>span,.text-action,.landing-section-heading .eyebrow{color:#B8252F}.landing-badge,.live-demo-tag{background:#FFF0F1;border-color:#FFDADE;color:#B8252F}
.coverage-strip strong{color:#B8252F}.landing-preview{background:transparent;padding:0}.landing-preview:before{display:none}
.feature-illustration{display:block;width:100%;height:166px;object-fit:contain;margin:20px auto 0}.feature-card h3{font-weight:750}.feature-icon{display:inline-flex;background:#FFFFFF;color:#B8252F}.feature-card-top{justify-content:space-between}
.status-badge.available{color:#455252;background:#FFFFFF;border-color:#C4CCCC}.status-badge.available>.icon{color:#4533B8}
.buddy-bubble{display:block;background:#FFFAE8;border-color:#FFECC4;color:#455252}.buddy-bubble>span{color:#455252}
.preview-count{border-color:#FFDADE;background:#FFFFFF}.preview-count>strong{color:#B8252F}.preview-count>span{white-space:nowrap;max-width:none}.preview-count{min-width:96px;width:96px;height:96px}
.feature-0{background:#FFF0F1;border-color:#FFDADE;box-shadow:0 5px 0 #FFDADE}.feature-1{background:#F2F2FD;border-color:#D9D9FF;box-shadow:0 5px 0 #D9D9FF}.feature-2{background:#FFFAE8;border-color:#FFECC4;box-shadow:0 5px 0 #FFECC4}.feature-3{background:#F8F1FE;border-color:#ECD7FF;box-shadow:0 5px 0 #ECD7FF}
.landing-how .green-bg{background:#FFF0F1;color:#B8252F}.landing-how .blue-bg{background:#F2F2FD;color:#4533B8}.landing-how .peach-bg{background:#FFFAE8;color:#455252}.landing-final{background:#FFF0F1;border-color:#FFDADE;box-shadow:0 5px 0 #FFDADE}.landing-final .eyebrow{color:#B8252F}
.chapter-number{color:#B8252F}.chapter-picker a,.reference-document a,.reference-list a{color:#4533B8}
/* Keep the original progress rail and its highlight; reduce surrounding words only. */
.quiz-top{margin-bottom:16px;gap:20px}.quiz-top .back-link{font-size:14px}.progress-count{font-size:14px;color:#455252;font-variant-numeric:tabular-nums}
.progress-track{height:13px;background:#F3F6F6;border-radius:20px}.progress-track>div{background:#F55861}.progress-track>div:after{background:#FFDADE}
.question-panel{padding-top:32px}.question-tag{color:#001F1F;gap:10px;margin-bottom:18px;align-items:center;font-size:20px;font-weight:800;letter-spacing:-.02em}
.question-tag>.icon{width:40px;height:40px;padding:8px;border-radius:12px;background:#FFF0F1;color:#B8252F}
.question-tag>.question-category{padding:0;border:0;border-radius:0;color:#001F1F;background:transparent;font-size:20px;font-weight:800;margin-left:0;letter-spacing:0}
.question-tag>.practice-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid #FFECC4;background:#FFFAE8;color:#455252;border-radius:9px;padding:6px 9px;font-size:14px;font-weight:700;letter-spacing:0;margin:0}.practice-tag>.icon{width:17px;height:17px}
.question-panel h1{font-size:22px;font-weight:650;line-height:1.55;max-width:none;letter-spacing:-.015em}.question-panel h1 .chinese-assist{font-size:14px;line-height:1.8;color:#455252;margin-top:9px}
.choices{margin-top:24px}.choice,.preview-choice{border-width:2px;border-radius:17px}.choice.selected,.choice.selected:hover:not(:disabled){background:#E9F9FB;border-color:#0794B8;box-shadow:0 3px 0 #0794B8;color:#05537A}.selected-dot{border-color:#0794B8}
.choice.correct,.preview-choice.is-correct{background:#FFFFFF;border-color:#046645;box-shadow:0 3px 0 #046645;color:#046645}.choice.correct .choice-key{background:#046645;border-color:#046645;color:#FFFFFF}.choice.incorrect,.preview-choice.is-incorrect{background:#FFF0F1;border-color:#B8252F;box-shadow:0 3px 0 #B8252F;color:#B8252F}.choice.incorrect .choice-key{background:#B8252F;border-color:#B8252F;color:#FFFFFF}.choice.muted{opacity:1}
.compact-feedback{display:block;border-radius:16px;padding:20px 22px;margin-top:24px;animation:none}.compact-feedback.right{background:#FFFFFF;border:2px solid #C4CCCC;color:#046645}.compact-feedback.wrong{background:#FFF0F1;border:2px solid #FFDADE;color:#B8252F}.feedback-heading{display:flex;align-items:center;gap:9px}.feedback-heading>.icon{width:22px;height:22px}.compact-feedback h2{margin:0;font-size:16px;font-weight:750}.compact-feedback>p{color:#001F1F;line-height:1.85;font-size:14px;margin-top:10px}.feedback-source{display:flex;align-items:flex-start;gap:7px;color:#4533B8;font-size:14px;line-height:1.8;margin-top:12px;text-underline-offset:3px}.feedback-source>.icon{width:18px;height:18px;margin-top:3px}.feedback-details{margin-top:10px}.feedback-details summary{font-size:14px;color:#455252;cursor:pointer;width:fit-content;line-height:1.8}.feedback-details p{margin-top:10px;color:#455252;font-size:14px}.feedback-details small{opacity:1;font-size:14px;color:#455252}
.quiz-bottom{padding:18px 24px calc(18px + env(safe-area-inset-bottom));border-top:2px solid #C4CCCC}.quiz-bottom-inner{max-width:740px;display:flex;justify-content:space-between;gap:20px}.quiz-bottom-inner>.button{min-width:145px;min-height:50px}.finish-badge{background:#FFF0F1;color:#B8252F;border-color:#FFDADE;box-shadow:0 5px 0 #FFDADE}.review-status{background:#FFFFFF;color:#046645}.review-wrong .review-status{background:#FFF0F1;color:#B8252F}
@media(max-width:767px){.feature-illustration{height:145px}.quiz-bottom-inner{display:flex;gap:14px}.quiz-bottom-inner>.button{width:auto;min-width:128px;min-height:50px}.question-panel{padding-top:26px}.question-panel h1{font-size:20px;line-height:1.55}.question-tag{gap:8px;margin-bottom:16px}.question-tag>.question-category{font-size:18px}.question-tag>.icon{width:35px;height:35px;padding:7px}.question-tag>.practice-tag{font-size:14px;padding:5px 7px}.compact-feedback{padding:18px}.preview-count{min-width:88px;width:88px;height:88px}body.is-testing{padding-bottom:112px}}
.header{background:#FFFFFF}.choice.muted{background:#FFFFFF}.preview-stats{background:#FFFFFF}
/* Homepage annotations: illustrated browser, swapped hero, feature rail, full-width FAQ. */
.landing-hero{align-items:center}.landing-copy{order:2}.landing-preview{order:1;min-width:0}.landing-preview .product-preview{margin-left:0;margin-right:auto}
.preview-chrome{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#F3F6F6;border-bottom:2px solid #C4CCCC;min-height:62px}.preview-chrome .window-dots{display:flex;gap:5px;flex-shrink:0}.window-dots i{width:9px;height:9px;border-radius:50%;background:#FFFFFF;border:1px solid #C4CCCC}.window-dots i:first-child{background:#FFDADE;border-color:#F55861}.window-dots i:nth-child(2){background:#FFECC4;border-color:#FFC247}.window-dots i:nth-child(3){background:#D9D9FF;border-color:#7070FF}
.preview-chrome .preview-address{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;padding:7px 10px;border:1px solid #C4CCCC;border-radius:9px;background:#FFFFFF;color:#455252;font-size:14px;font-weight:500}.preview-address>.icon{width:15px;height:15px}.browser-menu{font-size:20px;line-height:1;color:#455252;letter-spacing:2px}
.product-preview{border-radius:24px}.preview-question{border-radius:0 0 22px 22px}.preview-feedback{margin-bottom:2px}.preview-stats{padding:20px;gap:18px}.preview-count{height:76px;width:76px;min-width:76px;border-width:4px}.preview-count>strong{font-size:26px}.preview-count>span{font-size:14px}.preview-stats>div:last-child{min-width:0}.preview-stats p{font-size:14px;line-height:1.7}
.feature-carousel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;color:#455252;font-size:14px}.feature-carousel-controls{display:flex;gap:10px}.carousel-arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid #C4CCCC;border-radius:13px;background:#FFFFFF;box-shadow:0 3px 0 #C4CCCC;color:#B8252F}.carousel-arrow:hover:not(:disabled){background:#FFF0F1;border-color:#FFDADE}.carousel-arrow:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #C4CCCC}.carousel-arrow.previous>.icon{transform:rotate(180deg)}.carousel-arrow:disabled{opacity:.4;box-shadow:none}
.feature-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding:2px 2px 15px;scrollbar-width:thin;scrollbar-color:#C4CCCC #FFFFFF;align-items:stretch}.feature-card,.feature-card.feature-0,.feature-card.feature-1,.feature-card.feature-2,.feature-card.feature-3{background:#FFFFFF;border:2px solid #C4CCCC;box-shadow:0 5px 0 #F3F6F6;border-radius:23px;padding:24px;scroll-snap-align:start;min-width:0;display:flex;flex-direction:column}.feature-card-top{justify-content:space-between;gap:12px}.feature-index{font-size:16px;letter-spacing:.03em;color:#6C7A7A;font-weight:700}.feature-card .feature-icon{padding:10px;background:#FFF0F1;border-radius:12px;color:#B8252F}.feature-card:nth-child(2) .feature-icon{background:#FFFAE8;color:#455252}.feature-card:nth-child(3) .feature-icon{background:#F2F2FD;color:#4533B8}.feature-card:nth-child(4) .feature-icon{background:#F3F6F6;color:#455252}
.feature-art{background:#FFF0F1;border-radius:18px;margin-top:20px;padding:8px 0}.feature-1 .feature-art{background:#FFFAE8}.feature-2 .feature-art{background:#F2F2FD}.feature-3 .feature-art{background:#F3F6F6}.feature-illustration{margin:0;width:100%;height:145px;object-fit:contain}.feature-card h3{font-size:22px;line-height:1.5;margin:22px 0 12px}.feature-card>p{font-size:15px;line-height:1.85;flex:1}.feature-caption{margin-top:22px;padding-top:16px;font-size:14px;font-weight:500;border-color:#F3F6F6}
.faq-items{max-width:none;width:100%;margin:0}.landing-faq{width:100%}.faq-item summary{padding:24px 2px}.faq-item>p{max-width:850px;padding:0 32px 24px 2px}.faq-item[open] summary>span{transform:rotate(45deg)}
.footer{display:block;max-width:1136px;margin:32px auto 0;padding:28px 0 32px;border-top:1px solid #C4CCCC}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;line-height:1.8;font-size:14px;color:#455252}.footer-top button{margin:0;white-space:nowrap}.footer-disclaimer{margin-top:22px;padding-top:20px;border-top:1px solid #F3F6F6;color:#455252;font-size:14px;line-height:1.9}.footer-disclaimer strong{display:block;font-size:14px;font-weight:650;margin-bottom:5px}.footer-disclaimer p{max-width:1000px;font-size:14px}.landing-main .restart-note{margin:0 0 24px}
@media(min-width:1450px){.footer{max-width:1136px}}
@media(max-width:1199px){.footer{margin-inline:32px}.feature-grid{grid-auto-columns:calc((100% - 24px)/2)}.feature-card h3{font-size:22px}}
@media(max-width:767px){.landing-copy{order:1}.landing-preview{order:2}.landing-preview .product-preview{margin-inline:auto}.preview-chrome{padding:12px;gap:9px}.preview-chrome .preview-address{font-size:14px;padding:7px;gap:6px}.browser-menu{display:none}.preview-count{width:72px;height:72px;min-width:72px}.preview-stats{padding:18px;gap:14px}.feature-grid{grid-auto-columns:88%;gap:24px;padding-bottom:15px}.feature-card,.feature-card.feature-0,.feature-card.feature-1,.feature-card.feature-2,.feature-card.feature-3{padding:22px}.feature-art{padding:8px 0}.feature-illustration{height:140px}.feature-card h3{font-size:21px}.feature-carousel-toolbar{gap:12px;font-size:14px}.feature-carousel-toolbar>span{max-width:210px;line-height:1.7}.feature-carousel-controls{gap:8px}.carousel-arrow{width:42px;height:42px}.faq-item summary{padding-block:21px}.faq-item>p{padding-right:12px}.footer{margin:28px 20px 0;padding:24px 0 28px}.footer-top{gap:14px;flex-wrap:wrap}.footer-disclaimer{margin-top:18px;padding-top:18px}}
@media(max-width:767px){.landing-how .step-icon{position:static;display:inline-flex}.landing-how .steps h3{margin-top:18px}.landing-how .steps p{padding-right:0}}

/* Subtle post-submission surfaces, requested in answer annotations. */
.choice.correct{background:#F7FCF9}
.compact-feedback.right{background:#FAFBFB}
/* Accessible chapter selector with a bounded, scrollable option list. */
.chapter-select-wrap{position:relative;flex:1;min-width:0}.chapter-select-trigger{display:flex;align-items:center;width:100%;min-height:76px;gap:13px;text-align:left;padding:14px 17px;background:#FFFFFF;border:2px solid #C4CCCC;border-radius:15px;box-shadow:0 3px 0 #C4CCCC}.chapter-select-trigger:hover{border-color:#6C7A7A}.chapter-select-trigger[aria-expanded="true"]{border-color:#B8252F;box-shadow:0 3px 0 #FFDADE}.chapter-select-icon{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#FFF0F1;color:#B8252F;flex-shrink:0}.chapter-selected-copy{min-width:0;flex:1}.chapter-selected-copy strong{display:block;color:#001F1F;font-size:16px;font-weight:750;line-height:1.6}.chapter-selected-copy small{display:block;font-size:14px;color:#455252;line-height:1.6;margin-top:3px}.chapter-select-chevron{width:18px;height:18px;transform:rotate(90deg);color:#455252}.chapter-select-trigger[aria-expanded="true"] .chapter-select-chevron{transform:rotate(-90deg)}
.chapter-options-panel{position:absolute;z-index:45;top:calc(100% + 10px);left:0;right:0;border:2px solid #C4CCCC;border-radius:16px;background:#FFFFFF;box-shadow:0 6px 0 #F3F6F6,0 16px 32px #001F1F12;overflow:hidden}.chapter-options-panel.opens-up{top:auto;bottom:calc(100% + 10px)}.chapter-menu-heading{padding:12px 16px;font-size:14px;color:#455252;background:#FAFBFB;border-bottom:1px solid #F3F6F6}#chapter-options{max-height:min(340px,43vh);overflow-y:auto;overscroll-behavior:contain;padding:7px;scrollbar-width:thin;scrollbar-color:#C4CCCC #FFFFFF}.chapter-option{width:100%;min-height:52px;display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid transparent;border-radius:11px;text-align:left;font-size:14px}.chapter-option:hover:not(:disabled){background:#FAFBFB}.chapter-option:focus-visible{outline:2px solid #4533B8;outline-offset:-2px;background:#F2F2FD}.chapter-option.is-selected{background:#FFF0F1;border-color:#FFDADE}.chapter-option-number{display:flex;align-items:center;justify-content:center;width:29px;height:29px;font-size:14px;font-weight:750;flex-shrink:0;color:#B8252F;background:#FFFFFF;border-radius:8px}.chapter-option-number>.icon{width:18px;height:18px}.chapter-option-title{flex:1;min-width:0;font-size:14px;line-height:1.6;color:#001F1F;font-weight:600}.chapter-option-count{padding:3px 8px;background:#F3F6F6;color:#455252;border-radius:8px;font-size:14px;white-space:nowrap}.chapter-option-check{width:18px;flex-shrink:0;color:#B8252F}.chapter-option-check .icon{width:18px;height:18px}.chapter-option:disabled{background:#FFFFFF}.chapter-option:disabled .chapter-option-title,.chapter-option:disabled .chapter-option-number{color:#6C7A7A}.chapter-option:disabled .chapter-option-count{background:#FAFBFB;color:#6C7A7A}.chapter-selection-note{margin-top:16px}.chapter-picker #chapter-description{margin-bottom:16px}
@media(max-width:767px){.chapter-select-wrap{width:100%}.chapter-select-trigger{padding:12px;gap:10px}.chapter-selected-copy strong{font-size:15px}.chapter-select-icon{width:34px;height:34px}.chapter-options-panel{left:-2px;right:-2px}.chapter-menu-heading{padding:11px 12px}.chapter-option{padding:9px 6px;gap:6px;min-height:54px}.chapter-option-number{width:24px;height:27px}.chapter-option-count{padding:3px 5px}.chapter-option-check{width:15px}.chapter-option-check .icon{width:15px}#chapter-options{padding:5px}.chapter-option-title{font-size:14px}.chapter-option-count{font-size:14px}}
/* Five-page learning workspace: original red brand, persistent friendly navigation. */
:root{--sidebar-width:224px}.app-workspace{margin-left:var(--sidebar-width);min-width:0}.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);z-index:50;background:#FFFFFF;border-right:2px solid #F3F6F6;padding:30px 18px;display:flex;flex-direction:column;gap:34px;overflow-y:auto}.sidebar-brand{padding:0 12px;gap:10px}.sidebar-brand>svg{width:42px;height:42px}.sidebar-brand>span{font-size:24px}.app-sidebar nav{display:grid;gap:10px}.side-link{display:flex;align-items:center;gap:15px;padding:15px 18px;min-height:61px;text-decoration:none;color:#455252;font-size:16px;font-weight:750;border:2px solid transparent;border-radius:15px;white-space:nowrap}.side-link>.icon{width:29px;height:29px;stroke-width:2.3}.side-link:hover{background:#FAFBFB}.side-link.active{color:#B8252F;background:#FFF0F1;border-color:#FFDADE;box-shadow:0 3px 0 #FFDADE}.sidebar-companion{margin-top:auto;text-align:center;padding-top:20px;color:#455252}.sidebar-companion img{width:100%;height:auto}.sidebar-companion strong{display:block;font-size:14px;font-weight:750;margin-top:9px}.sidebar-companion>span{display:block;font-size:14px;line-height:1.8;margin-top:4px}.header{height:80px}.header-inner{padding-inline:32px;gap:24px}.mobile-brand{display:none}.header-nav{gap:24px}.workspace-title{display:flex;align-items:center;font-size:16px;font-weight:750;color:#455252}.header-right{margin-left:auto}.button{text-decoration:none}.app-workspace .footer{margin-inline:32px;max-width:none}.quiz-bottom{left:var(--sidebar-width)}.quiz-bottom-inner{max-width:740px}.landing-main{max-width:1200px}.landing-hero{gap:36px;padding-block:48px}.landing-copy h1{font-size:clamp(38px,3.8vw,56px)}.preview-question h2{font-size:19px}.preview-stats{gap:12px;padding:18px}.preview-count{width:72px;height:72px;min-width:72px}.landing-description{font-size:16px}.landing-badge{font-size:14px}.landing-actions{gap:18px}.landing-actions .button{padding-inline:19px;gap:12px}.road-buddy{margin-top:28px}.feature-grid{grid-auto-columns:calc((100% - 24px)/2)}
.portal-main{width:100%;max-width:1080px;padding:44px 32px 64px;margin:auto}.page-intro{margin-bottom:32px}.page-intro h1{font-size:36px;letter-spacing:-.035em;line-height:1.4;margin:12px 0 14px;font-weight:800}.page-intro>p{font-size:16px;line-height:1.9;color:#455252;max-width:760px}.portal-main .eyebrow{color:#B8252F;font-size:14px;letter-spacing:.06em}.portal-note{color:#455252;font-size:14px;line-height:1.9;margin-top:24px}.portal-note a,.about-transparency>a{color:#4533B8;text-underline-offset:3px}.practice-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:24px;padding:30px;border:2px solid #FFDADE;border-radius:24px;background:#FFF0F1;margin-bottom:32px;box-shadow:0 5px 0 #FFDADE}.practice-number{font-size:52px;color:#B8252F;font-weight:800;line-height:1}.practice-hero h2{font-size:25px;font-weight:800;line-height:1.5;margin:12px 0}.practice-hero p{color:#455252;font-size:15px;line-height:1.9}.practice-hero>img{width:100%;height:auto}.practice-facts{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px;color:#455252;font-size:14px;line-height:1.8}.practice-facts span{display:flex;align-items:center;gap:7px}.practice-facts .icon{width:18px;height:18px}.practice-page .chapter-picker{margin:0;max-width:none}.resume-card{display:flex;align-items:center;gap:18px;border:2px solid #D9D9FF;border-radius:18px;padding:24px;background:#F2F2FD;margin-bottom:28px;box-shadow:0 4px 0 #D9D9FF}.resume-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#FFFFFF;color:#4533B8;border-radius:13px;flex-shrink:0}.resume-card h2{font-size:19px;font-weight:750;line-height:1.5}.resume-card p{font-size:14px;color:#455252;line-height:1.8;margin-top:6px}.resume-card>.button{margin-left:auto;white-space:nowrap}
.bank-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.bank-filter{display:flex;align-items:center;gap:9px;border:2px solid #C4CCCC;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600;color:#455252;background:#FFFFFF;line-height:1.6}.bank-filter>span{background:#F3F6F6;border-radius:7px;padding:1px 6px;font-size:14px;white-space:nowrap}.bank-filter.active{background:#FFF0F1;border-color:#F55861;color:#B8252F}.bank-filter:disabled{border-color:#F3F6F6;color:#6C7A7A}.bank-chapter{margin:0 0 36px}.bank-chapter-heading{display:flex;align-items:center;gap:14px;margin-bottom:16px}.bank-chapter-heading>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#FFF0F1;border:2px solid #FFDADE;border-radius:13px;width:48px;height:48px;font-size:20px;color:#B8252F;font-weight:800}.bank-chapter-heading h2{font-size:22px;font-weight:800;line-height:1.5}.bank-chapter-heading p{font-size:14px;color:#455252;line-height:1.7}.bank-chapter-heading>.button{margin-left:auto;font-size:14px;padding:9px 14px;gap:9px;white-space:nowrap}.bank-question{border:2px solid #C4CCCC;background:#FFFFFF;border-radius:17px;margin-bottom:12px;overflow:hidden;box-shadow:0 3px 0 #F3F6F6}.bank-question>summary{display:flex;align-items:flex-start;gap:13px;padding:20px;cursor:pointer;list-style:none}.bank-question>summary::-webkit-details-marker{display:none}.bank-question>summary>.icon{width:19px;height:19px;margin-top:4px;margin-left:auto;flex-shrink:0}.bank-question[open]>summary>.icon{transform:rotate(90deg)}.bank-question-number{font-size:14px;font-weight:750;color:#B8252F;line-height:1.9}.bank-question>summary .english-primary{font-size:16px;font-weight:700;line-height:1.7}.bank-question>summary .chinese-assist{font-size:14px;line-height:1.8}.bank-question-body{padding:0 22px 18px 48px}.bank-options{list-style-type:upper-alpha;padding-left:23px;margin:8px 0 20px;display:grid;gap:15px}.bank-options li{font-size:15px;line-height:1.8;padding-left:4px}.bank-options .chinese-assist{font-size:14px}.bank-answer{border-top:1px solid #F3F6F6;padding-top:14px}.bank-answer>summary{font-size:14px;line-height:1.8;color:#4533B8;cursor:pointer;font-weight:700}.bank-answer>div{padding:16px;background:#FAFBFB;border-radius:12px;margin-top:12px}.bank-answer strong{font-size:15px;line-height:1.8}.bank-answer .chinese-assist{font-size:14px}.bank-answer p{font-size:14px;line-height:1.9;margin-top:12px;color:#455252}.bank-answer a{display:flex;gap:7px;align-items:flex-start;font-size:14px;line-height:1.8;color:#4533B8;margin-top:12px;text-underline-offset:3px}.bank-answer .icon{width:18px;height:18px;margin-top:3px;flex-shrink:0}.bank-id{font-size:14px;color:#6C7A7A;line-height:1.8;margin-top:15px}
.about-mission{text-align:center;padding:20px 0 34px}.about-mission>.eyebrow{justify-content:center}.about-mission h1{font-size:clamp(32px,3.8vw,45px);font-weight:800;letter-spacing:-.04em;line-height:1.5;margin:22px 0}.about-mission>p{max-width:680px;margin:auto;color:#455252;font-size:17px;line-height:1.9}.about-mission img{display:block;max-width:420px;width:100%;height:auto;margin:32px auto 0}.about-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:16px 0 42px}.about-values article{padding:24px;border:2px solid #FFDADE;box-shadow:0 4px 0 #FFDADE;background:#FFF0F1;border-radius:22px}.about-values article:nth-child(2){background:#F2F2FD;border-color:#D9D9FF;box-shadow:0 4px 0 #D9D9FF}.about-values article:nth-child(3){background:#FFFAE8;border-color:#FFECC4;box-shadow:0 4px 0 #FFECC4}.about-value-icon{display:inline-flex;align-items:center;justify-content:center;padding:11px;background:#FFFFFF;border-radius:12px;color:#B8252F}.about-values h2{font-size:21px;line-height:1.6;font-weight:800;margin:19px 0 12px}.about-values p{font-size:15px;line-height:1.9;color:#455252}.about-values img{display:block;width:100%;height:130px;object-fit:contain;margin-top:20px}.about-transparency{padding:32px;border:2px solid #C4CCCC;border-radius:22px;background:#FAFBFB}.about-transparency h2{font-size:26px;font-weight:800;line-height:1.5}.about-transparency h3{font-size:18px;margin:22px 0 8px;font-weight:750}.about-transparency p{font-size:15px;line-height:1.9;color:#455252}.about-transparency>a{display:inline-block;margin-top:22px;font-size:14px;font-weight:650}.about-start{text-align:center;padding:44px 0 0}.about-start h2{font-size:26px;font-weight:800;margin-bottom:24px}
.profile-heading{display:flex;align-items:center;gap:20px;margin:6px 0 30px}.profile-avatar{display:flex;align-items:center;justify-content:center;width:88px;height:88px;flex-shrink:0;background:#FFF0F1;border:2px solid #FFDADE;border-radius:26px;box-shadow:0 5px 0 #FFDADE;color:#B8252F}.profile-avatar .icon{width:47px;height:47px;stroke-width:2.2}.profile-heading h1{font-size:30px;line-height:1.5;font-weight:800;margin:8px 0 4px}.profile-heading p{font-size:15px;line-height:1.8;color:#455252}.local-badge{display:flex;align-items:center;gap:7px;margin-left:auto;white-space:nowrap;background:#FAFBFB;padding:8px 11px;border-radius:10px;font-size:14px;color:#455252}.local-badge .icon{width:17px;height:17px}.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.profile-stats article{padding:25px 20px;background:#FFFFFF;border:2px solid #C4CCCC;border-radius:18px;box-shadow:0 4px 0 #F3F6F6;min-width:0}.profile-stats strong{display:block;font-size:31px;font-weight:800;color:#B8252F;line-height:1.4}.profile-stats span{display:block;font-size:14px;line-height:1.8;color:#455252;margin-top:9px}.stats-scope{font-size:14px;line-height:1.9;color:#6C7A7A;margin:18px 0 28px}.profile-empty{text-align:center;background:#FFFAE8;border:2px solid #FFECC4;border-radius:22px;padding:26px;margin-bottom:32px}.profile-empty img{display:block;width:260px;max-width:100%;height:auto;margin:0 auto 12px}.profile-empty h2{font-size:24px;font-weight:800;line-height:1.5;margin:10px 0}.profile-empty p{font-size:15px;color:#455252;line-height:1.9;margin-bottom:22px}.profile-chapters,.profile-history{border:2px solid #C4CCCC;border-radius:22px;padding:28px;margin-top:30px;background:#FFFFFF}.profile-chapters h2,.profile-history h2{font-size:24px;font-weight:800;line-height:1.5;margin-bottom:10px}.profile-chapters>p{font-size:14px;color:#455252;line-height:1.8;margin-bottom:20px}.chapter-progress-row{display:grid;grid-template-columns:minmax(170px,1.1fr) minmax(100px,1fr) 78px;align-items:center;gap:18px;padding:15px 0;border-top:1px solid #F3F6F6}.chapter-progress-row>span{font-size:14px;font-weight:650;line-height:1.7}.chapter-progress-row small{font-size:14px;color:#455252;text-align:right}.chapter-progress-row progress{width:100%;height:10px;border:0;border-radius:8px;overflow:hidden;background:#F3F6F6;accent-color:#F55861}.chapter-progress-row progress::-webkit-progress-bar{background:#F3F6F6;border-radius:8px}.chapter-progress-row progress::-webkit-progress-value{background:#F55861;border-radius:8px}.chapter-progress-row progress::-moz-progress-bar{background:#F55861}.profile-history ul{list-style:none;padding:0;margin:18px 0 0}.profile-history li{display:flex;align-items:center;gap:15px;padding:18px 0;border-top:1px solid #F3F6F6}.history-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;background:#F2F2FD;color:#4533B8;border-radius:11px}.profile-history li>div{flex:1}.profile-history strong{font-size:16px;font-weight:750;line-height:1.8}.profile-history small{display:block;font-size:14px;line-height:1.8;color:#455252;margin-top:3px}.profile-history li>strong{color:#B8252F}.empty-history{padding:20px 0;font-size:15px;color:#455252;line-height:1.9}
@media(max-width:1099px) and (min-width:768px){:root{--sidebar-width:88px}.app-sidebar{padding:24px 10px;gap:30px}.sidebar-brand{padding:0;justify-content:center}.sidebar-brand>span,.side-link>span,.sidebar-companion{display:none}.side-link{padding:13px;justify-content:center;gap:0}.side-link .icon{width:30px;height:30px}.about-values{grid-template-columns:1fr}.about-values article{display:grid;grid-template-columns:1fr 180px;gap:10px 24px}.about-values article img{grid-column:2;grid-row:1/4;height:160px}.about-values article h2{margin-top:0}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.local-badge{display:none}}
@media(max-width:767px){:root{--sidebar-width:0px;--mobile-nav-height:78px}body{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))}.app-workspace{margin-left:0}.app-sidebar{inset:auto 0 0;width:100%;height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:7px 7px calc(7px + env(safe-area-inset-bottom));border-right:0;border-top:2px solid #F3F6F6;overflow:visible;gap:0}.sidebar-brand,.sidebar-companion{display:none}.app-sidebar nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;height:100%;width:100%}.side-link{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:0;padding:5px 1px;border-radius:12px;font-size:14px;line-height:1.5;border-width:1px}.side-link>.icon{width:24px;height:24px}.side-link.active{box-shadow:none}.mobile-brand{display:flex}.mobile-brand>svg{width:35px;height:35px}.mobile-brand>span{font-size:20px}.header{height:76px}.header-inner{padding-inline:20px}.header-nav{display:none}.app-workspace .footer{margin-inline:20px}.quiz-bottom{left:0;bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:12px 20px 16px}.quiz-bottom-inner>.button{min-height:48px}body.is-testing{padding-bottom:calc(190px + env(safe-area-inset-bottom))}.landing-hero{gap:30px;padding-block:32px 40px}.landing-copy h1{font-size:42px}.landing-actions{gap:16px}.landing-preview .product-preview{max-width:540px}.feature-grid{grid-auto-columns:88%}.portal-main{padding:30px 20px 44px}.page-intro h1{font-size:29px;margin-top:10px}.page-intro>p{font-size:15px}.practice-hero{display:block;padding:25px 22px}.practice-hero>img{display:block;max-width:340px;margin:20px auto 0}.practice-hero h2{font-size:23px}.practice-number{font-size:46px}.practice-page .chapter-picker{padding:22px;margin:0}.resume-card{padding:21px;gap:13px;flex-wrap:wrap}.resume-card h2{font-size:18px}.resume-card>.button{width:100%;margin-top:5px}.resume-icon{width:40px;height:40px}.bank-filters{gap:8px}.bank-filter{padding:8px 10px}.bank-chapter-heading{gap:10px;flex-wrap:wrap}.bank-chapter-heading h2{font-size:20px}.bank-chapter-heading>.button{margin:4px 0 0 58px;min-height:40px}.bank-question>summary{padding:17px 15px;gap:10px}.bank-question>summary .english-primary{font-size:15px}.bank-question-body{padding:0 15px 16px 25px}.bank-answer>div{padding:14px}.bank-chapter-heading>span{width:44px;height:44px}.about-mission{padding-top:12px}.about-mission h1{font-size:31px}.about-mission>p{font-size:16px}.about-mission img{max-width:350px}.about-values{grid-template-columns:1fr;gap:22px}.about-values article{padding:24px}.about-values img{height:140px}.about-transparency{padding:24px}.about-transparency h2{font-size:24px}.profile-heading{gap:15px;flex-wrap:wrap}.profile-avatar{width:72px;height:72px;border-radius:21px}.profile-avatar .icon{width:40px;height:40px}.profile-heading h1{font-size:26px}.local-badge{margin-left:0;font-size:14px}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.profile-stats article{padding:20px 16px}.profile-stats strong{font-size:28px}.profile-chapters,.profile-history{padding:22px 18px}.profile-chapters h2,.profile-history h2{font-size:22px}.chapter-progress-row{grid-template-columns:1fr 62px;gap:10px}.chapter-progress-row>span{grid-column:1}.chapter-progress-row progress{grid-column:1;grid-row:auto}.chapter-progress-row small{grid-column:2;grid-row:auto}.profile-empty h2{font-size:22px}.profile-history strong{font-size:15px}.profile-history small{font-size:14px}}
/* Navigation owns language selection; no separate top header. */
.sidebar-bottom{margin-top:auto}.sidebar-bottom .sidebar-companion{margin-top:0;padding-top:12px}.sidebar-language{margin-top:22px}.sidebar-language .language{width:100%;justify-content:center;border:2px solid #C4CCCC;border-radius:13px;box-shadow:0 3px 0 #F3F6F6;min-height:44px;background:#FFFFFF}.sidebar-language .language:hover{background:#FAFBFB}.app-sidebar{gap:28px}.portal-main{padding-top:44px}.landing-hero{padding-top:48px}.quiz-main{padding-top:32px;min-height:calc(100vh - 112px)}html{scroll-padding-top:28px}.feature-section,.chapter-section,.landing-how,.roadmap-section,.landing-faq{scroll-margin-top:28px}.question-panel h1{scroll-margin-top:28px}
@media(max-width:1099px) and (min-width:768px){.sidebar-language .language{padding:8px;gap:0}.sidebar-language .language>span,.sidebar-language .language>.icon:last-child{display:none}.sidebar-language .language>.icon{width:24px;height:24px}.sidebar-language{margin-top:0}}
@media(max-width:767px){:root{--mobile-nav-height:108px}.app-sidebar{height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding:6px 7px calc(5px + env(safe-area-inset-bottom));gap:3px;display:flex;flex-direction:column}.app-sidebar nav{height:66px;flex-shrink:0}.side-link{gap:3px}.side-link>.icon{width:23px;height:23px}.sidebar-bottom{margin:0;width:100%}.sidebar-language{margin:0;display:flex;justify-content:center}.sidebar-language .language{width:auto;min-height:28px;height:28px;padding:3px 12px;border:0;border-radius:8px;box-shadow:none;gap:7px;font-size:14px;background:#FAFBFB}.sidebar-language .language>.icon{width:15px;height:15px}.sidebar-language .language>.icon:last-child{width:11px;height:11px}.portal-main{padding-top:30px}.landing-hero{padding-top:32px}.quiz-main{padding-top:24px}.quiz-bottom{bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))}body.is-testing{padding-bottom:calc(218px + env(safe-area-inset-bottom))}.question-panel h1{scroll-margin-top:24px}}
@media(min-width:768px){.app-sidebar{padding-block:24px;gap:24px}.sidebar-bottom .sidebar-companion{padding-top:0}.sidebar-language{margin-top:12px}}
@media(min-width:768px) and (max-height:700px){.sidebar-bottom .sidebar-companion{display:none}}

/* Align both hero columns in either language and mirror real quiz chrome. */
.landing-hero{align-items:start}.landing-copy{align-self:start;padding-top:0}
.preview-progress{padding:22px 24px 0}.preview-progress .quiz-top{margin-bottom:14px;color:#455252;font-size:14px}.preview-progress .progress-track{margin:0;height:12px}
.preview-question .question-tag{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.preview-question .question-category{font-size:18px}.preview-question .question-tag>.icon{width:35px;height:35px;padding:7px}.preview-question .practice-tag{font-size:14px;padding:5px 7px}.preview-question h2{font-size:19px;line-height:1.55}
.bank-sources{margin-top:40px;padding:28px;border:1px solid #E6ECEC;border-radius:20px;background:#FAFBFB}.bank-sources h2{font-size:22px;margin:0 0 16px}.bank-sources p{font-size:14px;line-height:1.8;color:#455252;margin:14px 0}.bank-sources a{display:inline-flex;align-items:center;gap:7px;font-size:14px}
@media(max-width:767px){.preview-progress{padding:20px 20px 0}.bank-sources{padding:22px}}

/* Keep chapter filters available while reading the question library. */
.bank-filters{position:sticky;top:0;z-index:30;background:#FFFFFF;padding-block:16px;margin-top:-16px;box-shadow:0 1px 0 #E6ECEC}
.bank-chapter{scroll-margin-top:150px}
@media(max-width:767px){.bank-filters{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;padding-block:12px;gap:8px;scrollbar-width:thin}.bank-filter{flex-shrink:0}.bank-chapter{scroll-margin-top:96px}}

/* Driver licensing: five unnumbered topic progress segments. */
.licensing-page{max-width:1200px;min-height:calc(100vh - 125px);padding-top:38px}
.licensing-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding:8px 0 24px;border-bottom:1px solid #E6ECEC}
.licensing-step{display:flex;flex-direction:column;gap:18px;min-width:0;text-decoration:none;color:#455252;border-radius:10px;padding:5px 0 10px;outline-offset:6px}
.licensing-step-bar{height:9px;display:block;background:#F3F6F6;border:1px solid #E6ECEC;border-radius:8px;transition:background .15s,border-color .15s}
.licensing-step-label{display:flex;align-items:flex-start;gap:9px;font-size:16px;line-height:1.6;font-weight:700;min-height:52px}
.licensing-step-label>.icon{width:23px;height:23px;margin-top:2px;flex-shrink:0;stroke-width:2.2}
.licensing-step:hover{color:#B8252F}.licensing-step:hover .licensing-step-bar{background:#FFF0F1;border-color:#FFDADE}
.licensing-step.is-current{color:#B8252F}.licensing-step.is-current .licensing-step-bar{background:#F55861;border-color:#B8252F;box-shadow:0 3px 0 #B8252F}
.licensing-step:focus-visible{outline:3px solid #4533B8}
.licensing-topic{padding:52px 0}.licensing-topic h1{font-size:36px;line-height:1.35;letter-spacing:-.025em;margin:12px 0 22px}
.licensing-official{display:inline-flex;align-items:center;gap:9px;color:#455252;font-size:14px;text-underline-offset:5px}.licensing-official:hover{color:#B8252F}.licensing-official .icon{width:18px;height:18px;transform:rotate(-45deg)}
@media(max-width:767px){.app-sidebar nav{grid-template-columns:repeat(6,minmax(0,1fr))}.side-link{padding-inline:1px}.side-link span{font-size:14px}.licensing-page{padding-top:24px;min-height:calc(100vh - 220px)}.licensing-progress{display:flex;overflow-x:auto;gap:16px;padding-bottom:18px;scroll-snap-type:x proximity;scrollbar-width:thin}.licensing-step{flex:0 0 152px;scroll-snap-align:start}.licensing-step-label{font-size:14px;gap:8px;min-height:45px}.licensing-step-label>.icon{width:21px;height:21px}.licensing-topic{padding-top:34px}.licensing-topic h1{font-size:30px}}

/* Moving to BC: topic cards and shared task-detail layout. */
.licensing-intro{font-size:16px;line-height:1.8;color:#455252;max-width:650px;margin:0 0 32px}
.moving-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.moving-card{display:flex;flex-direction:column;align-items:flex-start;padding:26px 24px;border:2px solid #E6ECEC;border-radius:22px;box-shadow:0 5px 0 #E6ECEC;text-decoration:none;color:#001F1F;transition:transform .15s,box-shadow .15s}.moving-card-0{background:#FFF8F9;border-color:#FFDADE;box-shadow:0 5px 0 #FFDADE}.moving-card-1{background:#F7F7FE;border-color:#E3DFFF;box-shadow:0 5px 0 #E3DFFF}.moving-card-2{background:#FFFCF1;border-color:#FFECC4;box-shadow:0 5px 0 #FFECC4}.moving-card:hover{transform:translateY(-3px)}.moving-card:focus-visible{outline:3px solid #4533B8;outline-offset:5px}.moving-card-icon{display:flex;background:#FFFFFF;padding:10px;border-radius:12px;color:#B8252F}.moving-card-icon .icon{width:24px;height:24px}.moving-card img{width:100%;height:145px;object-fit:contain;margin:18px 0}.moving-card h2{font-size:21px;line-height:1.45;margin:0 0 12px}.moving-card p{font-size:14px;line-height:1.85;color:#455252;margin:0 0 24px}.moving-card-link{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:750;margin-top:auto;color:#B8252F}
.moving-detail{padding:30px 0 44px}.moving-back{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:#455252;text-decoration:none;margin-bottom:30px}.moving-back .icon{transform:rotate(180deg);width:18px}.moving-detail-header h1{font-size:36px;line-height:1.4;margin:12px 0 16px}.moving-detail-header>p{font-size:16px;line-height:1.85;color:#455252;margin:0 0 36px;max-width:720px}.moving-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:start}.moving-detail h2{font-size:22px;line-height:1.5;margin:0 0 22px}.moving-steps article{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid #E6ECEC}.moving-steps article:first-of-type{padding-top:0}.moving-step-icon{display:flex;align-items:center;justify-content:center;background:#FFF0F1;color:#B8252F;border-radius:11px;width:36px;height:36px;flex-shrink:0}.moving-step-icon .icon{width:18px}.moving-steps h3{font-size:17px;line-height:1.6;margin:0 0 8px}.moving-steps p,.moving-faq p{font-size:14px;line-height:1.9;color:#455252;margin:0}.moving-prep{background:#FAFBFB;border:2px solid #E6ECEC;border-radius:22px;padding:26px}.moving-prep h2{display:flex;align-items:center;gap:10px}.moving-prep h2>.icon{width:23px;color:#B8252F}.moving-checklist{display:grid;gap:17px}.moving-checklist label{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.8;cursor:pointer}.moving-checklist input{accent-color:#B8252F;width:20px;height:20px;margin-top:3px;flex-shrink:0}.moving-checklist input:checked+span{color:#6C7A7A;text-decoration:line-through}.moving-prep-links{display:grid;gap:14px;margin:25px 0}.moving-prep a{font-size:14px;display:flex;align-items:center;gap:8px}.moving-prep-links a{color:#455252;text-underline-offset:4px}.moving-prep-links .icon{width:17px;height:17px}.moving-prep .button{justify-content:center;width:100%;min-height:48px}.moving-faq{margin-top:38px}.moving-faq details{border-bottom:1px solid #E6ECEC}.moving-faq summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;font-size:14px;font-weight:700;line-height:1.8;padding:18px 0;list-style:none}.moving-faq summary::-webkit-details-marker{display:none}.moving-faq summary .icon{width:18px;height:18px;flex-shrink:0;transform:rotate(90deg);margin-top:4px}.moving-faq details[open] summary .icon{transform:rotate(-90deg)}.moving-faq details p{padding-bottom:20px}.moving-source{padding:22px 24px;background:#FAFBFB;border:1px solid #E6ECEC;border-radius:16px;margin-top:38px;font-size:14px}.moving-source>span{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:12px}.moving-source .icon{width:18px;height:18px}.moving-source>a{display:inline-flex;align-items:center;gap:8px;color:#4533B8;text-underline-offset:4px}.moving-source p{line-height:1.8;color:#455252;margin:12px 0 0}.moving-related{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}.moving-related a{display:inline-flex;gap:10px;align-items:center;font-size:14px;color:#B8252F;text-decoration:none;font-weight:700}
@media(max-width:1000px){.moving-cards{gap:16px}.moving-card{padding:22px 18px}.moving-card h2{font-size:19px}.moving-detail-grid{gap:25px}}
@media(max-width:767px){.moving-cards{grid-template-columns:1fr;gap:24px}.moving-card{padding:25px}.moving-card img{height:150px}.moving-card h2{font-size:22px}.moving-detail{padding-top:22px}.moving-detail-header h1{font-size:28px}.moving-detail-grid{grid-template-columns:1fr;gap:30px}.moving-prep{padding:24px}.moving-detail h2{font-size:21px}.moving-related{flex-direction:column;gap:20px}.moving-source{padding:20px}}
.moving-detail-grid>div{display:contents}.moving-steps{grid-column:1;grid-row:1}.moving-prep{grid-column:2;grid-row:1 / span 2}.moving-faq{grid-column:1;grid-row:2;margin-top:0}
@media(max-width:767px){.moving-steps{grid-column:1;grid-row:1}.moving-prep{grid-column:1;grid-row:2}.moving-faq{grid-column:1;grid-row:3}}

/* Compact topic header and direct, unillustrated subtopic navigation. */
.licensing-page{padding-top:24px}.licensing-progress{padding-bottom:12px;gap:16px}.licensing-step{gap:12px;padding-bottom:0}.licensing-step-label{min-height:36px}.licensing-topic{padding:26px 0}.licensing-topic h1{font-size:32px;margin:8px 0 10px}.licensing-intro{margin:0 0 22px}
.moving-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}.moving-tab{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:9px 17px;border:2px solid #E6ECEC;border-radius:12px;background:#FFFFFF;color:#455252;font-size:14px;font-weight:750;line-height:1.5;text-decoration:none;white-space:nowrap;box-shadow:0 2px 0 #F3F6F6}.moving-tab:hover{background:#FAFBFB;border-color:#C4CCCC}.moving-tab.is-active{color:#B8252F;background:#FFF0F1;border-color:#FFDADE;box-shadow:0 3px 0 #FFDADE}.moving-tab:focus-visible{outline:3px solid #4533B8;outline-offset:4px}
.moving-detail{padding:0 0 20px}.moving-detail-header .moving-guide-title{font-size:22px;margin:0 0 8px}.moving-detail-header>p{font-size:14px;margin:0 0 24px}.moving-detail-grid{gap:24px 32px}.moving-detail h2{margin-bottom:16px}.moving-steps article{padding:16px 0}.moving-steps h3{margin-bottom:5px}.moving-source{margin-top:26px;padding:18px 22px}.moving-prep{padding:22px}.moving-prep-links{margin-block:20px}
@media(max-width:767px){.licensing-page{padding-top:18px}.licensing-progress{padding-bottom:12px}.licensing-topic{padding-top:22px}.licensing-topic h1{font-size:28px}.licensing-intro{margin-bottom:18px;font-size:14px}.moving-tabs{flex-wrap:nowrap;overflow-x:auto;gap:9px;padding:0 2px 6px;margin-bottom:22px;scrollbar-width:thin}.moving-tab{flex-shrink:0;padding-inline:13px}.moving-detail-header .moving-guide-title{font-size:21px}.moving-detail-grid{gap:26px}.moving-source{padding:18px}.moving-prep{padding:22px}}

/* Descriptive tags contain each subtopic's title and subtitle. */
.moving-tabs{display:grid;grid-template-columns:repeat(var(--guide-tab-count,3),minmax(0,1fr));align-items:stretch;gap:12px;margin-bottom:26px}.moving-tab{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;white-space:normal;gap:7px;padding:15px 17px;min-height:112px;border-radius:15px}.moving-tab strong{font-size:15px;line-height:1.6}.moving-tab small{font-size:14px;line-height:1.7;font-weight:400;color:#6C7A7A}.moving-tab.is-active small{color:#92444B}.moving-source>a{margin-right:20px;margin-bottom:4px}
@media(min-width:768px) and (max-width:1000px){.moving-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.moving-tabs{display:flex;gap:10px;padding-bottom:6px}.moving-tab{flex:0 0 245px;min-height:116px;padding:13px 15px}.moving-tab strong{font-size:14px}}

/* Guide selection keeps six titles readable, with no illustrations. */
.driving-guides-content .moving-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-book-name{font-size:16px;font-weight:700;color:#455252;line-height:1.6;margin:0 0 22px}.guide-reading>.button{margin-top:24px}.guide-practice-actions{display:flex;flex-direction:column;gap:14px;margin-top:22px}.guide-practice-actions a{font-size:14px;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;color:#B8252F;text-decoration:none;font-weight:700}.guide-practice-actions .icon{width:18px;height:18px}
@media(min-width:768px) and (max-width:1000px){.driving-guides-content .moving-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.driving-guides-content .moving-tabs{display:flex}.guide-book-name{font-size:15px}}

.licensing-services-content .moving-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:768px) and (max-width:1000px){.licensing-services-content .moving-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.licensing-services-content .moving-tabs{display:flex}}

/* Licensing source summaries: keep steps and the preparation checklist. */
.guide-content{margin-top:32px;min-width:0}
.guide-rule-section{margin:0 0 30px;padding:0 0 26px;border-bottom:1px solid #e8eded;min-width:0}
.guide-rule-section h2{font-size:20px;line-height:1.5;margin:0 0 16px}
.guide-rule-list{padding-left:21px;margin:0;display:grid;gap:12px}
.guide-rule-list li{font-size:15px;line-height:1.85;color:#354747;padding-left:3px}
.guide-rule-list li::marker{color:#b8252f}
.guide-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #e2e8e8;border-radius:14px;background:#fff;overscroll-behavior-x:contain}
.guide-rule-table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.7;text-align:left}
.guide-rule-table th,.guide-rule-table td{padding:12px 14px;border-bottom:1px solid #e8eded;vertical-align:top;min-width:110px;overflow-wrap:anywhere}
.guide-rule-table thead th{background:#fff5f6;color:#86212a;font-weight:700}
.guide-rule-table tbody th{font-weight:700;width:30%;background:#fafbfb}
.guide-rule-table tbody tr:last-child>*{border-bottom:0}
.guide-rule-note{display:flex;align-items:flex-start;gap:9px;background:#fffaf0;border:1px solid #ffedcb;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.8;margin:14px 0}
.guide-rule-note svg{width:18px;min-width:18px;margin-top:4px}
.guide-rule-links{display:grid;gap:10px;margin:16px 0}
.guide-rule-links a,.guide-rule-source a{display:inline-flex;align-items:center;gap:6px;font-size:14px;line-height:1.6}
.guide-rule-source{display:flex;flex-wrap:wrap;gap:8px 16px;margin:16px 0 0;font-size:14px;color:#607070}
.guide-rule-links svg,.guide-rule-source svg{width:16px;height:16px}
.moving-detail-grid>div{min-width:0}
@media(max-width:767px){.guide-rule-section h2{font-size:18px}.guide-rule-table th,.guide-rule-table td{padding:10px;min-width:100px}.guide-content{margin-top:26px}}
.guide-content{grid-column:1;grid-row:2;margin-top:0}
.moving-detail-grid:has(.guide-content)>.moving-prep{grid-row:1 / span 3}
.moving-detail-grid:has(.guide-content) .moving-faq{grid-row:3}
@media(max-width:767px){.moving-detail-grid:has(.guide-content)>.moving-prep{grid-row:2}.guide-content{grid-row:3}.moving-detail-grid:has(.guide-content) .moving-faq{grid-row:4}}