:root{--voice-blue:#2854ed;--voice-navy:#102047}.voice-intro{max-width:700px;margin-bottom:28px}.voice-intro h1{font-size:clamp(30px,3.5vw,46px);line-height:1.15;letter-spacing:-1.8px;margin:10px 0 16px}.voice-intro p{font-size:17px}.course-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:35px;background:var(--voice-navy);color:white;border-radius:24px;padding:34px;margin:24px 0}.course-hero .eyebrow{color:#afc7ff}.course-hero h2{font-size:30px;line-height:1.2;margin:12px 0}.course-hero p{color:#c8d3ec}.course-hero .btn{background:#bdf478;color:#122447;margin-top:12px}.course-sentence{align-self:center;font-size:clamp(23px,2.5vw,33px);line-height:1.5;border-left:2px solid #bdf478;padding-left:28px}.course-sentence em{color:#bdf478;font-style:normal}.course-meta{font-size:14px;color:#b7c7e7;display:block;margin-top:16px}.course-list{list-style:none;padding:0;margin:20px 0}.course-list li{display:grid;grid-template-columns:40px 1fr auto;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.course-number{color:var(--teal);font-size:18px}.course-list h3{margin:0}.course-list p{margin:3px 0;font-size:14px}.course-list button{white-space:nowrap}.voice-secondary{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:24px 0}.voice-secondary p{margin:4px 0}.voice-session{max-width:850px;margin:0 auto}.voice-session .eyebrow{font-size:14px}.voice-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.voice-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0;list-style:none;margin:0 0 30px}.voice-steps li{font-size:14px;color:var(--muted);border-top:3px solid #dce3f1;padding-top:9px}.voice-steps li[aria-current=step]{color:var(--teal);border-color:var(--teal);font-weight:700}.voice-steps .done{border-color:#4a8066}.voice-card{background:white;border:1px solid var(--line);border-radius:22px;padding:32px}.voice-card h1{font-size:32px}.voice-context{color:var(--muted);font-size:15px;margin-bottom:22px}.voice-cue{background:#eff3ff;border-radius:14px;padding:18px 22px;margin:20px 0;font-size:18px}.voice-cue small{display:block;font-size:14px;color:var(--muted);margin-bottom:8px}.karaoke{font-size:clamp(25px,3vw,34px);line-height:1.9;margin:20px 0;letter-spacing:-.5px}.karaoke button{font:inherit;line-height:inherit;color:inherit;border:0;background:transparent;border-radius:5px;padding:0 4px}.karaoke button:hover{background:#edf2ff}.karaoke button.active{background:var(--teal);color:white}.karaoke .hedge{color:#346947;text-decoration:underline;text-decoration-color:#93caa3;text-underline-offset:7px}.sense-line{display:block;border-left:2px solid #dae3fa;padding-left:12px;margin:8px 0}.blind-card{padding:36px 15px;text-align:center;border:1px dashed #bcc9e1;border-radius:16px;margin:22px 0}.blind-icon{font-size:44px;display:block;color:var(--teal);margin-bottom:10px}.voice-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.voice-status{min-height:25px;font-size:14px;color:var(--muted)}.voice-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:26px}.voice-bottom .textbtn{font-size:14px}.chunk-controls{display:flex;flex-wrap:wrap;gap:9px}.chunk-controls .btn{font-weight:500}.voice-help{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.voice-help summary{cursor:pointer;color:var(--teal)}.voice-help button{font-size:15px}.voice-check{display:flex;gap:10px;align-items:flex-start;margin:16px 0}.voice-check input{margin-top:6px;accent-color:var(--teal);width:18px;height:18px;flex-shrink:0}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}.compare-grid>div{padding:20px;border:1px solid var(--line);border-radius:14px}.compare-grid audio{width:100%;margin:12px 0}.recording{background:#ae3047!important;color:white!important}.focus-options{display:grid;gap:10px;margin:20px 0}.focus-options label{display:flex;gap:12px;border:1px solid var(--line);border-radius:12px;padding:16px}.focus-options label:has(input:checked){border-color:var(--teal);background:var(--soft)}.receipt-mark{font-size:32px;color:#2d6b40;background:#e7f6e4;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;margin-bottom:20px}.voice-receipt h2{font-size:24px}.local-record{padding:22px 0;border-bottom:1px solid var(--line)}.local-record blockquote{margin:12px 0;font-size:18px}.local-record time{font-size:14px;color:var(--muted)}.sample-banner{border:2px solid #b57921;padding:16px;border-radius:12px;background:#fff7df;margin-bottom:22px;font-size:16px}.dictation-row{display:flex;gap:12px;align-items:center;margin:14px 0}.dictation-row input{margin:0;max-width:300px}.dictation-row input.correct{border-color:#39794a;background:#eef9ee}.voice-progress{height:6px;border-radius:6px;overflow:hidden;background:#e1e7f5;margin:18px 0}.voice-progress span{height:100%;display:block;background:var(--teal)}.privacy-note{font-size:14px;color:var(--muted)}.field-error{color:#a12e43;font-size:14px}.voice-input-label{display:block;font-weight:600;margin-top:20px}.voice-session .quote{white-space:pre-wrap;overflow-wrap:anywhere}.voice-session .small{font-size:14px}.voice-session [hidden]{display:none!important}.voice-detail{white-space:pre-wrap;overflow-wrap:anywhere}.voice-duration{font-variant-numeric:tabular-nums}.profile{display:none}.topbar .sample{display:none}.sidebar-foot{font-size:14px}.btn{font-size:15px}.voice-hero-link{color:#d9e6ff}.locale-wrap small{font-size:14px}@media(max-width:760px){.course-hero{grid-template-columns:1fr;padding:25px;gap:20px}.course-sentence{font-size:26px}.voice-card{padding:23px 18px}.voice-card h1{font-size:28px}.voice-secondary{align-items:flex-start;flex-direction:column;gap:5px}.course-list li{grid-template-columns:28px 1fr;gap:12px}.course-list li>.textbtn{grid-column:2}.compare-grid{grid-template-columns:1fr}.voice-steps li{font-size:13px}.voice-bottom{flex-wrap:wrap}.voice-intro h1{font-size:34px}.voice-top{align-items:flex-start}.topbar .locale-control{font-size:14px}.voice-controls .btn{flex-grow:1}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.track-card{padding:26px;border:1px solid var(--line);border-radius:18px;background:white}.track-card h3{font-size:23px;margin:16px 0 8px}.track-card p{color:var(--muted)}.track-card .textbtn{padding:8px 0}.flow-session input[type=checkbox],.flow-session input[type=radio]{width:18px;flex-shrink:0}.flow-session textarea{width:100%;min-height:95px;resize:vertical;margin:8px 0 20px;font:inherit;padding:14px;border:1px solid #bcc9e1;border-radius:10px;box-sizing:border-box}.flow-session audio{max-width:100%}.flow-session .choice{display:block;width:100%;padding:18px;margin:12px 0;text-align:left}.flow-session .choice.selected{border-color:#2854ed;background:#edf3ff}.entry-timer{float:right;font-variant-numeric:tabular-nums;color:var(--voice-blue)}.entry-word{display:inline-block;width:130px;max-width:40%;padding:10px;border:1px solid #bcc9e1;border-radius:7px;margin:8px}.status-note{padding:15px;background:#fff8e6;border:1px solid #ead7a3;border-radius:12px}.wording-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.wording-grid>section{border:1px solid var(--line);border-radius:14px;padding:18px;overflow-wrap:anywhere}.wording-grid p{font-size:21px;line-height:1.7}.wording-grid del{background:#fff0e9;text-decoration-color:#bb6745}.wording-grid ins{background:#e6f6ec;text-decoration:none}.dimension-list>div{border-bottom:1px solid var(--line);padding:14px 0}.dimension-list dd{margin:6px 0;color:var(--muted)}.self-check{border:1px solid var(--line);border-radius:12px;padding:16px;margin:20px 0}.self-check legend{font-size:15px}.self-match{background:#edf3ff;padding:16px;border-radius:12px}.pattern{padding:20px 0;border-bottom:1px solid var(--line)}.karaoke .stress{font-weight:750}.karaoke span.active{background:var(--teal);color:white;border-radius:5px}.flow-session details{margin:18px 0}.flow-session .quote{font-size:22px}.flow-session button:focus-visible,.flow-session input:focus-visible,.flow-session textarea:focus-visible{outline:3px solid #7c9dff;outline-offset:3px}@media(max-width:650px){.track-grid,.wording-grid{grid-template-columns:1fr}.track-card{padding:22px}.flow-session .voice-controls{align-items:stretch}.flow-session .btn{white-space:normal;max-width:100%}}