.practice-toolbar{background:#fff;border:1px solid #d9e5e9;border-radius:16px;padding:17px;margin-bottom:22px;box-shadow:0 7px 20px #12344806}.toolbar-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.toolbar-top .eyebrow{margin:0}#offline-state{color:#557085;font-size:10px}#practice-modes{display:flex;gap:7px;overflow:auto;margin-top:14px;padding:2px 2px 5px}.route-button{white-space:nowrap;border:1px solid #d5e4e8;background:#f7fafb;color:#476574;padding:11px 13px;border-radius:10px;font-size:12px;font-weight:750;min-height:43px}.route-button[aria-pressed=true]{background:#123448;color:white;border-color:#123448}.tool-panel{padding:26px;background:white;border:1px solid #d9e5e9;border-radius:17px;margin-bottom:22px}.tool-panel>p{font-size:13px}.lesson-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:24px 0}.lesson-step{padding:20px;border:1px solid #dce9e5;background:#f2faf6;border-radius:12px}.lesson-step.step-1{background:#f2f6ff}.lesson-step.step-2{background:#f8f3ff}.lesson-step.step-3{background:#fff8ed}.lesson-letter{display:grid;place-items:center;width:40px;height:40px;background:white;border-radius:10px;font-size:25px;color:#087f79;margin-bottom:12px}.lesson-step h4{font-size:14px}.lesson-step p{font-size:12px;color:#526c7a}.learning-instructions{padding-left:22px;color:#456674;font-size:13px}.learning-instructions li{padding:5px 0}.sort-card{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;padding:17px;border:1px solid #d9e5e9;border-radius:12px;margin:13px 0;background:#fbfdfd}.sort-card>label{font-size:13px;line-height:1.65;align-self:center}.sort-card select{width:100%;height:max-content;align-self:center;font-size:12px;white-space:normal}.sort-card>.small,.sort-card>.closed-feedback{grid-column:1/-1;margin:0}.sort-card.correct{border-left:4px solid #369b82}.sort-card.needs-work{border-left:4px solid #d4a24a}.closed-feedback{font-size:12px;color:#305967}.exercise-result{background:#e1f5ee;border:1px solid #badfce;padding:16px;border-radius:12px;font-weight:750;margin:20px 0}.case-question,.self-review{border:1px solid #d9e5e9;border-radius:12px;padding:20px;margin:23px 0}.case-question legend,.self-review legend{font-size:14px;font-weight:750;padding:0 7px}.choice-option{display:flex;gap:12px;align-items:flex-start;border-radius:8px;padding:12px 8px;font-size:13px;cursor:pointer}.choice-option:hover{background:#f3f8f8}.choice-option input{flex:0 0 17px;margin-top:4px;accent-color:#087f79}.attempt-comparison{padding:20px;border:1px solid #c9e5dc;border-radius:13px;background:#f0faf5;margin-bottom:18px}.attempt-comparison h3{font-size:18px}.comparison-stats{display:flex;gap:15px;flex-wrap:wrap;font-size:13px;margin:15px 0}.comparison-stats strong{color:#087f79}.previous-attempt{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 system-ui;color:#456674;max-height:300px;overflow:auto}.timer-card{background:#edf6fc;border:1px solid #d5e7f0;border-radius:13px;padding:20px;margin:22px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.timer-card>span{font-size:12px;font-weight:700}.timer-card output{font-size:35px;font-variant-numeric:tabular-nums;line-height:1;color:#123448}.timer-card button{font-size:11px;padding:8px 12px;min-height:38px}.timer-card>p{width:100%;margin:0}.record-consent{display:flex;gap:13px;align-items:flex-start;font-size:12px;line-height:1.7;margin:20px 0}.record-consent input{flex:0 0 18px;height:18px;margin-top:3px;accent-color:#087f79}.spoken-cue{padding:18px;border:1px solid #d9e5e9;border-radius:12px;background:#f6fafb;margin:15px 0;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}#practice-audio{display:block;width:100%;margin:17px 0}#practice-audio[hidden]{display:none}.voice-tools{padding-top:17px;margin-top:20px;border-top:1px solid #d9e5e9}.voice-tools button{font-size:12px;margin:0 8px 8px 0}.progress-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.progress-tile{padding:17px;background:#eef8f4;border:1px solid #d3e7de;border-radius:12px}.progress-tile strong{display:block;font-size:30px;color:#087f79}.progress-tile span{font-size:11px;color:#486674}.case-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:23px 0}.case-progress-card{padding:16px;border:1px solid #d9e5e9;border-radius:12px}.case-progress-card h4{font-size:11px;letter-spacing:.5px}.case-progress-card p{font-size:11px;color:#526c7a}.table-scroll{overflow-x:auto}#tool-progress table{border-collapse:collapse;width:100%;font-size:11px}#tool-progress th,#tool-progress td{padding:11px 9px;border-bottom:1px solid #d9e5e9;text-align:left;vertical-align:top}#tool-progress th{background:#edf6f7}.install-box{max-width:1136px;margin:5px auto 30px;padding:20px 24px;background:#edf4f8;border:1px solid #d7e5eb;border-radius:14px}.install-box p{margin-bottom:0}.tool-panel button:disabled{opacity:.5;cursor:not-allowed}.tool-panel details{font-size:12px}.tool-panel summary{cursor:pointer;color:#087f79;font-weight:650}@media(max-width:600px){.tool-panel{padding:20px 16px}.practice-toolbar{padding:14px}.toolbar-top{align-items:start}#offline-state{max-width:130px;text-align:right}.lesson-cards{grid-template-columns:1fr 1fr;gap:9px}.lesson-step{padding:14px}.sort-card{grid-template-columns:1fr;padding:15px}.sort-card select{font-size:14px}.case-question,.self-review{padding:15px 12px}.progress-tiles{gap:7px}.progress-tile{padding:13px 9px}.progress-tile strong{font-size:26px}.case-progress{grid-template-columns:1fr}.install-box{margin:0 16px 25px}.route-button{padding:11px;font-size:11px}.timer-card{padding:16px}.timer-card output{font-size:32px}}@media print{.practice-toolbar,.install-box,#tool-learn,#tool-challenge,#tool-speak,#tool-progress,#writing-extra .build-actions{display:none!important}}

/* Keep every practice mode visible on narrow screens and avoid iOS field zoom. */
@media(max-width:600px){#practice-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.route-button{white-space:normal;min-height:48px;line-height:1.35}.sort-card select,.field-section textarea{font-size:16px}.lesson-cards{grid-template-columns:1fr}.tool-panel,.case-panel,.builder{min-width:0}}
@media(max-width:360px){#scenario-list{grid-template-columns:1fr}.scenario-choice{display:flex;min-height:70px}.scenario-choice .case-icon{margin-bottom:0}.case-top{flex-wrap:wrap}.toolbar-top{flex-wrap:wrap}#offline-state{max-width:none;text-align:left}}
.feedback-shortcut{font-size:12px;min-height:44px;padding:8px 12px}.feedback-form-panel{padding:30px;background:white;border:2px solid #88cbbb;border-radius:18px;margin:0 0 35px}.feedback-form-panel>p{font-size:14px}.feedback-privacy{background:#edf6fc;border-radius:10px;padding:16px;color:#345f74}.feedback-form-panel label:not(.feedback-check){display:block;font-weight:700;font-size:13px;margin:18px 0 6px}.feedback-form-panel input:not([type=checkbox]),.feedback-form-panel select,.feedback-form-panel textarea{width:100%;border:1px solid #b8cfd7;border-radius:9px;background:#fcfefe;color:#123448;padding:12px;font-size:16px;min-height:48px}.feedback-form-panel textarea{resize:vertical}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feedback-check{display:flex;align-items:flex-start;gap:12px;font-size:13px;margin:22px 0;cursor:pointer}.feedback-check input{flex:0 0 20px;height:20px;margin-top:2px;accent-color:#087f79}.feedback-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#feedback-result{font-size:14px;font-weight:700;color:#075f59}.feedback-call .secondary{margin-top:12px}@media(max-width:600px){.feedback-grid{grid-template-columns:1fr;gap:0}.feedback-form-panel{padding:22px 16px}.topbar{flex-wrap:wrap}.topactions{flex-wrap:wrap}.feedback-shortcut{font-size:11px}.feedback-call button{width:100%}}@media print{.feedback-form-panel,.feedback-shortcut{display:none!important}}

.practice-submit-box{margin-top:26px;padding:20px;border:1px solid #bcded5;border-radius:12px;background:#f2faf6}.practice-submit-box>summary{font-size:15px;font-weight:750;color:#087f79;cursor:pointer;min-height:44px}.practice-submit-box h4{margin-top:20px}.practice-submit-box label[for]{display:block;font-size:13px;font-weight:700;margin:18px 0 7px}.practice-submit-box input:not([type=checkbox]){width:100%;font-size:16px;min-height:44px;padding:10px;border:1px solid #bed2da;border-radius:8px}.practice-submit-box .spoken-cue{font-family:inherit;max-height:320px;overflow:auto}.practice-submit-box[open]>summary{margin-bottom:12px}@media print{.practice-submit-box{display:none!important}}

.vitals-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px;margin:24px 0}.vitals-layout img{width:100%;height:auto;border:1px solid #d9e5e9;border-radius:10px}.vitals-layout .build-actions{gap:8px}.vitals-layout a{font-size:12px}.vitals-steps details{padding:16px;border:1px solid #cce1da;background:#eff9f5;border-radius:11px;margin-bottom:13px}.vitals-steps details:nth-child(2){background:#f2f6ff}.vitals-steps details:nth-child(3){background:#f8f3ff}.vitals-steps details:nth-child(4){background:#fff8ed}.vitals-steps summary{font-size:14px;font-weight:750;cursor:pointer;min-height:44px}.vitals-steps p{font-size:13px}.vitals-safety{padding:17px;border-left:4px solid #c68b35;background:#fff4df;font-size:12px;border-radius:9px}#tool-vitals>h4{margin-top:25px}@media(max-width:700px){.vitals-layout{grid-template-columns:1fr}.vitals-layout img{max-height:450px;object-fit:contain}.vitals-layout .build-actions>*{width:100%}}@media print{#tool-vitals{display:none!important}}
/* Beta 0.4: quiet hierarchy, six-step learning route and progressive disclosure. */
.hero{padding:30px 0 20px;gap:35px}.hero-art{max-width:370px;justify-self:end;padding:17px;transform:none}.hero-art .art-row{padding:8px;margin:7px 0}.hero-art .art-row i{display:none}.hero .lead{font-size:18px;line-height:1.6}.hero .eyebrow{margin-bottom:10px}.safety{background:#eef6f4;color:#315b55;border-color:#d5e6df;margin:8px 0 12px;padding:12px 16px;font-size:13px}.regional-note{background:transparent;border:0;margin:0 0 32px;padding:0 4px;font-size:13px}.regional-note summary{cursor:pointer;color:#345968;min-height:44px;padding:10px 0}.regional-note>p{max-width:850px;padding:6px 10px}.section-head{margin-bottom:18px}.legend{display:none}.practice-toolbar{box-shadow:none;padding:16px}#practice-modes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;overflow:visible}#practice-modes .route-button{white-space:normal;padding:10px 6px;font-size:12px;min-height:48px}.resource-drawer{margin-top:10px;border-top:1px solid var(--line);padding-top:5px}.resource-drawer summary{font-size:12px;cursor:pointer;min-height:40px;padding:9px 0;color:#456674}#resource-modes{display:flex;gap:8px}.case-panel .role{font-size:13px}.case-panel .missing{background:transparent;border-left:2px solid #b2c7ce;color:#456674;padding:8px 12px}.case-objectives{border-left:3px solid #61a998;padding:4px 18px;margin:22px 0}.case-objectives ul{padding-left:18px;font-size:14px;margin:0}.case-objectives li{margin:7px 0}.case-objectives h4{font-size:15px}.lesson-cards{margin:20px 0}.lesson-step p{font-size:14px}.lesson-step h4{font-size:15px}.learning-instructions{display:none}.builder-head h3{font-size:22px}.field-heading p{font-size:13px}.field-section label{font-size:14px}.field-section textarea{font-size:16px;min-height:105px}.field-section{padding-top:18px}.completion{color:#486674;font-weight:500}.reflection{background:transparent;padding:0}.reflection>details,.draft-disclosure,.example-panel details,.tool-panel>details,.pilot-box{border:1px solid #d9e5e9;border-radius:11px;padding:14px 16px;margin:16px 0}.reflection summary,.draft-disclosure summary,.example-panel summary,.tool-panel summary,footer summary,.sources>summary{cursor:pointer;min-height:44px;padding:9px 0;font-weight:700;font-size:14px;color:#175b62}.criterion{border-left-width:3px;box-shadow:none}.criterion.matched{border-left-color:#8cafaa;background:#fbfdfc}.review-alerts{margin-top:18px}.review-alerts p{margin:8px 0}.attempt-comparison{background:#f6faf9}.brief-model{background:#f0f8f5;border-left:3px solid #64a998;padding:18px;border-radius:10px}.brief-model p{font-size:15px;line-height:1.8}.example-panel .sbar-block{background:#f8fafb;border-color:#9db8c2}.tool-panel>label,.pilot-box label:not(.feedback-check){display:block;font-size:14px;font-weight:650;margin:18px 0 7px}.tool-panel textarea,.pilot-box input:not([type=checkbox]),.pilot-box select{width:100%;min-height:48px;font-size:16px;padding:12px;border:1px solid #b5cbd3;border-radius:9px;color:var(--ink);background:white}.tool-panel textarea{resize:vertical}.tool-panel blockquote{margin:20px 0;padding:18px;border-left:3px solid #72a9cc;background:#f1f7fc;font-size:15px}.tool-panel fieldset{border:1px solid var(--line);border-radius:12px;padding:18px;margin:20px 0}.tool-panel fieldset legend{font-size:15px;font-weight:700}.tool-panel>h4{margin-top:25px}.pilot-box{background:#fafcfb}.pilot-box>form>details{border:1px solid var(--line);padding:12px;border-radius:10px;margin:18px 0}.feedback-call{padding:24px 28px;gap:25px;margin:28px 0}.feedback-call .eyebrow{display:none}.feedback-call h2{font-size:26px}.feedback-call p{font-size:14px}.feedback-call .secondary{margin-top:0}.sources{padding:10px 4px 25px}.sources>summary{font-size:14px}.sources p{font-size:13px;max-width:850px}.privacy-details{margin-top:10px}.privacy-details p{font-size:13px;max-width:850px}.skip-link{position:absolute;top:-100px;left:16px;z-index:10;background:white;padding:15px;border:2px solid #087f79;border-radius:8px}.skip-link:focus{top:12px}summary:focus-visible{outline:3px solid #ba7500;outline-offset:4px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#956000}.vitals-safety{background:#f7faf9;border-left-color:#86aaa1;color:#345d57}.tool-panel .small,.small{font-size:13px}#offline-state{font-size:11px}.toolbar-top .eyebrow{letter-spacing:1.2px}.resource-drawer .route-button[aria-pressed=true]{background:#e4f3ee;color:#164b47;border-color:#79a99e}.scenario-choice small{font-size:12px}.vitals-layout img{height:auto}.vitals-steps details{background:#f6faf8}.vitals-steps details:nth-child(n){background:#f7fafb}button,a,summary{touch-action:manipulation}
@media(max-width:820px){.hero{grid-template-columns:1fr}.hero-art{display:none}.scenario-column{position:static}#scenario-list{gap:8px}.scenario-choice{min-height:102px}.scenario-choice small{font-size:12px}.hero{padding-bottom:14px}.studio-grid{gap:18px}}
@media(max-width:600px){#practice-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.hero h1{font-size:39px;max-width:390px}.hero .lead{font-size:16px}.topbar{gap:12px}.topactions{gap:8px}.topactions .feedback-shortcut{min-height:44px;font-size:12px}.brand{font-size:12px}.monogram{padding:11px 8px}.scenario-choice strong{font-size:12px}.scenario-choice small{display:none}.scenario-choice{min-height:78px;display:flex;gap:7px;flex-direction:column;justify-content:center;text-align:center;padding:10px 5px}.scenario-choice .case-icon{display:none}.scenario-choice[aria-pressed=true]{box-shadow:inset 0 -3px var(--teal)}.case-panel,.tool-panel,.builder,.result-panel,.example-panel{padding:22px 17px}.case-panel ul{font-size:15px}.tool-panel>p{font-size:15px}.case-panel .role{font-size:13px}.tool-panel .choice-option{font-size:14px}.feedback-call{padding:22px 18px}.safety{font-size:12px}.regional-note{margin-bottom:23px}.case-objectives{padding-left:13px}#resource-modes .route-button{min-width:120px}.section-head h2{font-size:28px}.lesson-step{padding:17px}.lesson-letter{width:32px;height:32px;font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.assessment-panel>details{border:1px solid var(--line);padding:14px 16px;border-radius:12px;margin:18px 0}.assessment-panel summary{min-height:44px;padding:8px 0;cursor:pointer;font-weight:700}.assessment-panel label{display:block;font-size:14px;font-weight:650;margin:17px 0 6px}.assessment-panel input,.assessment-panel select,.assessment-panel textarea{width:100%;font-size:16px;padding:12px;min-height:48px;border:1px solid #b5cbd3;border-radius:8px;color:var(--ink);background:white}.assessment-panel button{margin:18px 0 6px}.assessment-panel p{font-size:14px}.plan-card{border:1px solid var(--line);border-radius:12px;padding:22px;margin:20px 0;background:#f4faf7}.plan-card li{font-size:14px;margin:8px 0}#resource-modes{flex-wrap:wrap}
.vital-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.vital-cards details{border:1px solid #c7dedd;border-radius:12px;background:#f2faf7;padding:10px 14px;min-width:0}.vital-cards summary{min-height:44px;cursor:pointer;font-weight:700}.vital-cards p{font-size:14px;line-height:1.7}.vital-icon{display:inline-flex;align-items:center;justify-content:center;background:#d8eee9;color:#175951;border-radius:8px;min-width:34px;padding:4px;margin-left:10px;font-size:13px}.news-example{width:100%;border-collapse:collapse;font-size:14px;margin:18px 0}.news-example caption{text-align:left;font-weight:700;padding:10px 0}.news-example th,.news-example td{padding:10px 8px;border-bottom:1px solid #d5e5e4;text-align:left;overflow-wrap:anywhere}.news-example th{width:38%}.news-example td:last-child{font-weight:800;color:#185e54}.news-total{background:#e4f4ee;padding:14px;border-radius:10px;font-weight:750}.vital-practice{background:#f1f7fc;border:1px solid #c7deec;border-radius:12px;padding:18px;margin:20px 0}.vital-practice button,#vitals-news2 a{margin:5px 8px 5px 0}#tool-vitals>details{margin:15px 0;padding:12px;border:1px solid #d5e5e4;border-radius:12px}#tool-vitals summary{min-height:44px;padding:8px 0;cursor:pointer;font-weight:700}#tool-vitals a{display:inline-flex;align-items:center;min-height:44px;margin:6px 8px 6px 0}#vitals-news2{scroll-margin-top:20px}@media(max-width:600px){.vital-cards{grid-template-columns:1fr}.news-example th,.news-example td{padding:10px 4px;font-size:13px}.vital-practice{padding:15px}.news-total{font-size:14px}}