:root{--navy:#063b70;--navy2:#0d4f86;--cyan:#10bde8;--lime:#b9e63a;--ink:#18364f;--muted:#536f84;--line:#c7d9e5;--wash:#edf4f7;--pale:#eef8fc;--green:#f0f8d9;--amber:#fff8de;--red:#8a351f;--white:#fff}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:auto}
body{margin:0;background:var(--wash);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,a,input,textarea{font:inherit}
button,.button{min-height:48px;border:1px solid #86a1b6;border-radius:9px;padding:12px 18px;background:#fff;color:var(--navy);font-weight:750;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.primary{width:100%;background:var(--navy);border-color:var(--navy);color:#fff;font-size:18px;padding:15px 22px}
.primary:hover{background:var(--navy2)}
button:disabled{cursor:not-allowed;opacity:.55}
.skip{position:absolute;left:12px;top:-100px;background:#fff;padding:10px;z-index:10}.skip:focus{top:10px}
.site-header{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:20px;padding:16px max(22px,calc((100vw - 1040px)/2));background:var(--navy);color:#fff}
.brand{justify-self:start}.brand img{display:block;width:146px;height:auto}.identity{justify-self:center;text-align:center}.series-home{display:block;border-radius:4px;color:inherit;text-decoration:none}.brand:focus-visible,.series-home:focus-visible{outline:3px solid var(--lime);outline-offset:4px}.identity span{display:block;font-size:clamp(21px,1.8vw,24px);font-weight:850;line-height:1.12;letter-spacing:-.012em}.identity small{display:block;margin-top:5px;color:#c9e8f6;font-size:15px;font-weight:700}
.header-actions{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));justify-self:end;gap:10px}.header-actions.solo{grid-template-columns:128px;justify-content:end}.header-button{min-width:104px;min-height:42px;padding:8px 14px;border-color:#6f91ac;background:transparent;color:#d8e8f2;font-size:14px;font-weight:700;white-space:nowrap}.header-button:hover{background:var(--navy2);color:#fff}
main{max-width:1040px;margin:auto;padding:26px 22px 52px}#app.has-answer-outcome{padding-bottom:clamp(220px,36vh,320px)}.progress-meta{display:flex;gap:16px;align-items:end;margin-bottom:10px}.progress-meta strong{color:var(--navy)}
.progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:30px}.progress i{height:6px;border-radius:6px;background:#cbdbe6}.progress i.done{background:var(--lime)}.progress i.current{background:var(--cyan)}
.progress.lesson-progress{grid-template-columns:repeat(3,1fr)}
.screen{background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(24px,4vw,42px);box-shadow:0 8px 22px #1644690d}.eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:850;color:var(--navy)}
h1,h2,h3{color:var(--navy);line-height:1.2}h1{font-size:clamp(30px,4.2vw,46px);margin:8px 0 16px}h2{font-size:23px;margin:0 0 12px}h3{font-size:17px;margin:0 0 8px}.instruction{font-size:20px;max-width:780px;margin:0 0 24px}
.screen h1:focus{outline:none}
.task-card{border:1px solid var(--line);border-radius:12px;background:#f8fbfd;padding:22px;margin:18px 0}.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.facts li{margin:0;padding:14px;border-left:4px solid var(--cyan);background:#fff}.facts strong{display:block;color:var(--navy)}
.preflight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0;padding:0;list-style:none}.preflight li{padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:9px}.preflight strong{display:block;color:var(--navy)}
.step-one-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:stretch}.step-one-grid .task-card{margin:0}.project-summary .facts li:last-child{grid-column:1/-1}.step-one-start{display:flex;flex-direction:column}.step-one-start .preflight{margin:0}.step-one-start .action-zone{width:100%;margin-top:auto}
.lesson-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}.lesson-map div{display:flex;min-height:90px;flex-direction:column;justify-content:center;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--pale);text-align:center}.lesson-map strong{color:var(--navy)}.lesson-map span{margin-top:4px;color:var(--muted);font-size:13px}
.action-zone{max-width:620px;margin:26px auto 0;padding-top:22px;border-top:1px solid var(--line)}.secondary-nav{display:flex;justify-content:flex-start;gap:18px;margin-top:20px}.secondary-nav a{font-size:14px;color:var(--navy)}
.early-action{margin:0 auto 22px;padding-top:0;border-top:0}
.opening-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:760px;margin:0 auto 18px}.opening-actions .button,.opening-actions button{width:100%;min-height:60px;padding:14px 20px;font-size:18px}.intro-trigger{flex-direction:column;gap:2px;background:#fff;border:2px solid #86a1b6;color:var(--navy)}.intro-trigger small{color:var(--muted);font-size:12px;font-weight:700}.intro-trigger:hover{background:var(--pale)}
.opening-paths{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:20px 0}.guided-start-card,.intro-feature{min-height:330px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd;box-shadow:0 5px 16px #1644690d}.guided-start-card{display:flex;flex-direction:column;padding:24px}.opening-card-kicker,.intro-feature-copy small{color:var(--navy);font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.guided-start-card h2{margin:10px 0 9px;font-size:25px}.guided-start-card p{margin:0 0 20px;color:var(--ink)}.guided-start-card .primary{margin-top:auto}.intro-feature{display:flex;flex-direction:column;width:100%;min-height:330px;padding:0;overflow:hidden;text-align:left;align-items:stretch;justify-content:flex-start;color:var(--ink);cursor:pointer}.intro-feature:hover{border-color:var(--navy);background:#fff;box-shadow:0 7px 20px #1644691c}.intro-feature-media{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--navy)}.intro-feature-media img{display:block;width:100%;height:100%;object-fit:contain}.intro-feature-media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,#032f594f)}.intro-feature-media i{position:absolute;left:50%;top:50%;z-index:1;display:flex;width:58px;height:58px;align-items:center;justify-content:center;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#063b70e8;color:#fff;font-size:22px;font-style:normal;box-shadow:0 4px 12px #032f5966}.intro-feature-copy{display:flex;flex:1;flex-direction:column;justify-content:center;padding:18px 20px}.intro-feature-copy strong{margin-top:5px;color:var(--navy);font-size:21px;line-height:1.2}
details{border:1px solid var(--line);border-radius:10px;background:#fff;margin:14px 0}summary{cursor:pointer;padding:14px 17px;color:var(--navy);font-weight:750}details>div{padding:0 17px 17px}.depth{margin-top:28px}.depth details{background:#f9fbfc}
.field{margin:18px 0}.field label{display:block;color:var(--navy);font-weight:800;margin-bottom:8px}.field input,.field textarea{width:100%;border:2px solid #9ab2c4;border-radius:9px;padding:13px;background:#fff;color:var(--ink)}.field textarea{min-height:170px;resize:vertical}.field input:focus,.field textarea:focus{outline:3px solid var(--navy);outline-offset:2px;border-color:var(--navy)}.field-lead{margin:0 0 10px;color:var(--navy)}.source-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0 0 20px}.source-facts li{display:flex;flex-direction:column;justify-content:center;min-height:78px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;text-align:center}.source-facts strong{color:var(--navy);font-size:15px}.source-facts span{margin-top:5px;color:var(--ink);font-size:14px}.field-guidance{font-size:14px;color:var(--muted);margin:9px 0 0}.field-guidance strong{color:var(--navy)}.field-error input{border-color:var(--red)}.field-error input:focus{border-color:var(--red);outline-color:var(--red)}.field-error .status{min-height:auto;margin-top:10px;padding:11px 13px;border-left:4px solid var(--red);background:#fff2ee;color:var(--red);font-weight:700}
.source-line{display:grid;gap:4px;margin-bottom:16px;padding:14px 18px;border:1px solid var(--line);border-radius:9px;background:#fff}.source-line span{color:var(--muted);font-size:13px}.source-line strong{color:var(--navy)}.weak-line{padding:16px 18px;border-left:5px solid #e7b73d;border-radius:0 9px 9px 0;background:var(--amber);color:var(--navy);font-size:18px;font-weight:750}.adapt-question{margin:24px 0 12px}.adapt-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice-button{width:100%;min-height:68px;border:2px solid #86a1b6;background:#fff;text-align:center}.choice-button:hover{border-color:var(--navy);background:var(--pale)}.choice-button.selected{border-color:var(--navy);box-shadow:0 0 0 2px #063b7022}.decision-feedback{margin-top:16px;padding:14px 16px;border-radius:9px}.decision-feedback strong{display:block}.decision-feedback.incorrect{border-left:5px solid var(--red);background:#fff2ee;color:var(--red)}.decision-feedback.correct{border-left:5px solid var(--lime);background:var(--green);color:var(--navy)}.impact-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.impact-compare>div{display:flex;min-height:112px;flex-direction:column;justify-content:center;align-items:center;padding:14px;border:1px solid var(--line);border-radius:9px;background:#fff;text-align:center}.impact-compare span{color:var(--muted);font-size:13px}.impact-compare strong{margin-top:4px;color:var(--navy);font-size:21px}.impact-compare small{margin-top:3px}.improved-line{display:grid;gap:5px;margin-top:16px;padding:16px 18px;border:1px solid var(--line);border-radius:9px;background:var(--pale)}.improved-line span{color:var(--muted);font-size:13px}.improved-line strong{color:var(--navy)}
.decision-feedback.caution{border-left:5px solid #e7b73d;background:var(--amber);color:#715912}.decision-feedback.caution strong{color:var(--navy)}.decision-feedback.pending{border-left:5px solid var(--cyan);background:var(--pale);color:var(--ink)}.decision-feedback.pending strong{color:var(--navy)}
.result-summary,.reference-check,.change-card,.method-summary{display:grid;gap:5px;padding:16px 18px;border:1px solid var(--line);border-radius:9px;background:#fff}.result-summary span,.reference-check span,.change-card span{color:var(--muted);font-size:13px}.result-summary strong,.reference-check strong,.change-card strong,.method-summary strong{color:var(--navy);font-size:19px}.result-summary small{color:var(--muted)}.reference-check{margin-top:16px;border-left:5px solid var(--cyan);border-radius:0 9px 9px 0;background:var(--pale)}.reference-check p,.change-card p{margin:5px 0 0}.change-card{border-left:5px solid #e7b73d;border-radius:0 9px 9px 0;background:var(--amber)}.method-summary{margin-bottom:18px;border-left:5px solid var(--cyan);border-radius:0 9px 9px 0;background:var(--pale)}
.method-summary ol{margin:8px 0 0;padding-left:24px;columns:2;column-gap:42px}.method-summary li{break-inside:avoid;margin:0 0 8px;padding-left:4px}.opening-method{max-width:1040px;margin:10px auto 20px;color:var(--ink);font-size:18px;line-height:1.55}.opening-method strong{color:var(--navy)}
@media(max-width:700px){.method-summary ol{columns:1}.opening-method{font-size:16px}}
.prompt{white-space:pre-wrap;background:#f3f7fa;border:1px solid var(--line);border-radius:10px;padding:18px;font:14px/1.6 system-ui;max-height:360px;overflow:auto;user-select:text}.placeholder{background:#fff2a8;padding:2px 4px;border-radius:3px}.run-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;counter-reset:run}.run-route li{counter-increment:run;margin:0;border:1px solid var(--line);border-radius:10px;padding:16px;background:#fff}.run-route li::before{content:counter(run);display:flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;background:var(--navy);color:#fff;font-weight:800;margin-bottom:10px}
.status{min-height:24px;color:var(--navy);font-size:14px;margin:10px 0 0}.error-status{color:var(--red)}.result-preview{white-space:pre-wrap;max-height:360px;overflow:auto;border-left:4px solid var(--cyan);background:#f4f9fc;padding:18px;font-size:14px}.provenance{margin:8px 0 14px;color:var(--muted);font-size:13px}.provenance strong{color:var(--navy)}
.confirmation-context{display:grid;gap:5px;padding:16px 18px;border-left:5px solid var(--cyan);background:var(--pale)}.confirmation-context span{color:var(--muted);font-size:13px}.confirmation-context strong{color:var(--navy);font-size:18px}.field-hint{margin:8px 0 0;color:var(--muted);font-size:14px}.form-error{margin-top:12px;padding:12px 14px;border:2px solid #b84b32;border-radius:9px;background:#fff2ee;color:var(--red);font-weight:750}.field textarea[aria-invalid="true"]{border-color:#b84b32;outline-color:#b84b32}.next-destination{margin:10px 0 0;text-align:center;color:var(--muted);font-size:13px}
.practical-takeaway{display:grid;gap:4px;margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-left:5px solid var(--cyan);border-radius:0 9px 9px 0;background:var(--pale)}.practical-takeaway span{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.practical-takeaway strong{color:var(--navy);font-size:17px}
.readiness-note,.copy-notice{border-left:5px solid var(--lime);background:var(--green);padding:15px 18px;margin:0 0 18px;border-radius:0 9px 9px 0}.readiness-note strong,.copy-notice strong{color:var(--navy)}.warning-note{border-left:5px solid #e7b73d;background:var(--amber);padding:15px 18px;margin:0 0 18px}.fallback-action{display:block;width:100%;margin-top:10px;min-height:42px;border:0;background:transparent;color:var(--navy);font-size:14px;text-decoration:underline}.fallback-action:hover{background:var(--pale)}
.checklist{display:grid;gap:10px;margin:16px 0;padding:0;list-style:none}.checklist li{position:relative;padding:13px 14px 13px 44px;background:#fff;border:1px solid var(--line);border-radius:9px}.checklist li::before{content:'✓';position:absolute;left:15px;top:12px;color:var(--navy);font-weight:900}.checklist strong{display:block;color:var(--navy)}
.success{border:1px solid var(--line);border-left:5px solid var(--cyan);border-radius:10px;background:#fff;padding:20px;margin:22px 0}.completion-note{margin:22px 0 8px;color:var(--muted);font-size:14px}.quiet-action{min-height:auto;padding:4px 0;border:0;background:transparent;text-decoration:underline;color:var(--navy);font-size:14px}.quiet-action:hover{background:transparent}.record-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.record-actions .primary{grid-column:1/-1}.manual-copy{min-height:220px}
.intro-modal video{display:block;width:100%;margin:0 auto;border-radius:9px;background:#031f3a}.intro-modal>p{margin:10px 0 0;font-size:13px;color:var(--muted);text-align:center}.intro-modal .video-transcript{margin-top:16px}.intro-modal .video-transcript p{margin:0 0 12px}.intro-modal .video-transcript p:last-child{margin-bottom:0}dialog.intro-dialog{width:min(960px,calc(100% - 28px))}
.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-top h2{margin:0}dialog{width:min(720px,calc(100% - 28px));max-height:88vh;overflow:auto;border:1px solid var(--line);border-radius:14px;padding:24px;color:var(--ink)}dialog::backdrop{background:#002e5688}.help-list{display:grid;gap:12px}.help-item{padding:14px;border-left:4px solid var(--cyan);background:var(--pale)}.help-item strong{display:block;color:var(--navy)}
footer{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:900px){.site-header{grid-template-columns:auto minmax(0,1fr);gap:10px 14px}.identity{justify-self:start;text-align:left;min-width:0}.header-actions{grid-column:1/-1;justify-self:stretch}}
@media(max-width:700px){.site-header{padding:12px 14px}.brand img{width:104px}.identity span{font-size:16px}.identity small{font-size:13px}.header-actions{grid-template-columns:repeat(2,112px);justify-content:end;justify-self:stretch}.header-actions.solo{grid-template-columns:112px}.header-button{width:auto;min-height:38px;padding:7px 10px}.step-one-grid,.facts,.preflight,.run-route,.record-actions,.source-facts,.adapt-choices,.impact-compare,.lesson-map,.opening-actions,.opening-paths{grid-template-columns:1fr}.project-summary .facts li:last-child{grid-column:auto}.record-actions .primary{grid-column:auto}.screen{padding:22px 18px}.progress{margin-bottom:20px}.progress-meta{align-items:start}.instruction{font-size:18px;margin-bottom:20px}.task-card{padding:15px;margin:14px 0}.step-one-grid{gap:14px}.step-one-grid .task-card{margin:0}.lesson-map div{min-height:72px}.source-facts li{min-height:64px}.choice-button{min-height:58px}.impact-compare>div{min-height:96px}.action-zone{margin-top:20px;padding-top:18px}.depth{margin-top:22px}.guided-start-card,.intro-feature{min-height:0}}
@media(max-width:430px){.identity span{font-size:15px}.identity small{font-size:12px}.brand img{width:92px}}
@media print{.site-header,.progress-meta,.progress,.action-zone,.secondary-nav,.depth,footer{display:none!important}.screen{box-shadow:none;border:0;padding:0}main{max-width:none}}

/* LevelUP dialog standard: compact close control and balanced decisions. */
.dialog-close{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:50%;font-size:28px;font-weight:400;line-height:1;flex:0 0 44px}
.dialog-close span{display:block;transform:translateY(-1px)}
.dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}
.dialog-actions button{width:100%;min-height:52px}
@media(max-width:480px){.dialog-actions{grid-template-columns:1fr}.dialog-actions button{width:100%}}

/* Prototype 7 slice 1: opening, capacity decision and first-request handoff. */
.slice-progress{grid-template-columns:repeat(3,1fr)}
.supervisor-hook{display:grid;gap:5px;margin:0 0 18px;padding:18px 20px;border-left:5px solid var(--cyan);border-radius:0 10px 10px 0;background:var(--pale)}
.supervisor-hook span{color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.supervisor-hook strong{color:var(--navy);font-size:clamp(20px,3vw,27px);line-height:1.25}
.opening-summary{max-width:780px;margin:14px 0 12px;font-size:18px}
.method-line{display:flex;align-items:center;justify-content:center;gap:16px;margin:12px 0 18px;padding:11px 16px;border:1px solid var(--line);border-radius:10px;background:#f8fbfd;color:var(--navy)}
.method-line span{color:var(--cyan);font-size:22px}
.route-fieldset{margin:0;padding:0;border:0}
.route-fieldset legend{margin:0 0 10px;color:var(--navy);font-weight:850}
.route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.route-card{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr;column-gap:12px;align-content:start;min-height:174px;padding:18px;border:2px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}
.route-card:hover{border-color:#86a1b6;background:var(--pale)}
.route-card.selected{border-color:var(--navy);box-shadow:0 0 0 3px #10bde826;background:#f8fcfe}
.route-card input{grid-row:1/4;width:20px;height:20px;margin:3px 0 0;accent-color:var(--navy)}
.route-card .route-name{color:var(--navy);font-size:18px;font-weight:850}
.route-card strong{color:var(--navy);font-size:17px}
.route-card small{margin-top:6px;color:var(--muted);font-size:14px;line-height:1.45}
.compact-action{margin-top:18px;padding-top:16px}
.practitioner-card{margin:0 0 18px;padding:18px 20px;border:1px solid var(--line);border-left:5px solid var(--cyan);border-radius:0 10px 10px 0;background:var(--pale)}
.practitioner-card>span{display:block;margin-bottom:7px;color:var(--navy);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.practitioner-card p{margin:7px 0}.practitioner-card p:last-child{color:var(--navy)}
.weak-line span{display:block;margin-bottom:3px;color:#715912;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.select-grid label{display:grid;gap:7px;color:var(--navy);font-weight:800}
.select-grid select{width:100%;min-height:52px;padding:10px 36px 10px 12px;border:2px solid #9ab2c4;border-radius:9px;background:#fff;color:var(--ink);font-weight:600}
.select-grid select:focus{outline:3px solid var(--navy);outline-offset:2px;border-color:var(--navy)}
.illustration-label{margin:7px 0 0;color:var(--muted);font-size:12px;text-align:center}
.assembly{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.assembly-row{min-height:152px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff}
.assembly-label{display:block;margin-bottom:8px;color:var(--navy);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.assembly-row p{margin:0}.learner-row{border-top:5px solid var(--cyan)}.fixed-row{border-top:5px solid #86a1b6;background:#f6f9fb}
.learner-row mark{display:inline;background:#dff6fc;color:var(--ink);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:1px 3px}
.optional-edit label{display:block;margin-bottom:8px;color:var(--navy);font-weight:800}
.optional-edit textarea{width:100%;min-height:120px;padding:13px;border:2px solid #9ab2c4;border-radius:9px;resize:vertical;color:var(--ink)}
.optional-edit textarea:focus{outline:3px solid var(--navy);outline-offset:2px;border-color:var(--navy)}
.optional-edit p{margin:8px 0 0;color:var(--muted);font-size:13px}
.scaffold{background:#f8fbfd}
.scaffold summary{display:grid;gap:3px}
.scaffold summary small{color:var(--muted);font-weight:500;line-height:1.4}
.scaffold-list{display:grid;gap:8px;margin:3px 0 12px;padding:0;list-style:none}
.scaffold-list li{padding:10px 12px;border-left:4px solid #9bb3c5;background:#fff}
.scaffold-list strong{display:block;color:var(--navy)}
.scaffold-note{margin:0;color:var(--muted);font-size:13px}
.difference-notice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;padding:17px;border:1px solid #e1c77a;border-left:5px solid #e7b73d;border-radius:0 10px 10px 0;background:var(--amber)}
.difference-notice>span,.difference-notice>p,.difference-notice>.acknowledge{grid-column:1/-1}
.difference-notice>span{color:#715912;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.difference-notice>p{margin:0}.difference-notice>div{padding:11px;border:1px solid #ead99f;border-radius:8px;background:#fff}
.difference-notice>div p{margin:5px 0 0;font-size:13px}
.acknowledge{display:flex;gap:10px;align-items:start;padding:11px 12px;border:1px solid #d7bc67;border-radius:8px;background:#fff;color:var(--navy);font-weight:750}
.acknowledge input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--navy)}
.captured-route-note{margin-bottom:15px;padding:14px 17px;border-left:5px solid var(--cyan);background:var(--pale)}
.captured-route-note strong{color:var(--navy)}.captured-route-note p{margin:3px 0 0}
.request-card{margin-top:14px}.request-labels{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.request-labels span{color:var(--navy);font-weight:850}.request-labels strong{color:var(--muted);font-size:13px;text-align:right}
.expected-result{margin:12px 0 0;color:var(--muted)}.expected-result strong{color:var(--navy)}
.manual-request{display:block;width:100%;min-height:360px;padding:16px;border:2px solid #9ab2c4;border-radius:10px;resize:vertical;color:var(--ink);font:14px/1.6 system-ui}
.manual-request:focus{outline:3px solid var(--navy);outline-offset:2px;border-color:var(--navy)}
.project-facts-neutral{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 18px;padding:0;list-style:none}
.project-facts-neutral li{display:flex;min-height:88px;flex-direction:column;justify-content:center;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff;text-align:center}
.project-facts-neutral strong{color:var(--navy);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.project-facts-neutral span{margin-top:5px;font-size:13px}
.response-card .result-preview,.response-entry{min-height:300px}.response-entry{width:100%;padding:14px;border:2px solid #9ab2c4;border-radius:9px;resize:vertical;color:var(--ink)}
.choice-set,.component-bank,.compact-calendar,.condition-grid{display:grid;gap:10px;margin:0;padding:0;border:0}.choice-set legend,.component-bank legend,.compact-calendar legend,.condition-grid legend{margin-bottom:10px;color:var(--navy);font-weight:850}
.choice-row,.component-bank label,.compact-calendar label,.condition-grid label{display:flex;gap:11px;align-items:flex-start;padding:13px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}
.choice-row input,.component-bank input,.compact-calendar input,.condition-grid input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--navy)}.choice-row span{display:grid;gap:3px}.choice-row strong{color:var(--navy)}.choice-row small{color:var(--muted)}
.component-bank{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.component-bank legend{grid-column:1/-1}.component-bank label:last-child{grid-column:1/-1}
.selected-components{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 16px;padding:0;list-style:none}.selected-components li{padding:10px 12px;border-left:4px solid var(--cyan);background:#fff}
.compact-calendar{grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0}.compact-calendar legend{grid-column:1/-1}.compact-calendar label,.condition-grid label{justify-content:center;align-items:center;text-align:center}
.finish-choice-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.finish-choice-grid .finish-choice-hint{grid-column:1/-1;text-align:left}
.condition-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.condition-grid legend{grid-column:1/-1}
.confirmation-gate{margin-top:18px;padding:18px;border:2px solid #e1c77a;border-radius:10px;background:var(--amber)}.confirmation-gate>span{color:#715912;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.confirmation-gate h2{margin:6px 0}.confirmation-gate p{margin:0 0 14px}.gate-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gate-actions button{width:100%}
.secondary-inline{width:auto;min-height:42px;margin-top:10px;padding:9px 14px}.evidence-form .confirmation-context{margin-bottom:16px}

@media(max-width:760px){
  .route-grid,.select-grid,.assembly,.difference-notice,.project-facts-neutral,.component-bank,.selected-components{grid-template-columns:1fr}
  .route-card{min-height:144px}
  .difference-notice>span,.difference-notice>p,.difference-notice>.acknowledge{grid-column:auto}
  .request-labels{align-items:start;flex-direction:column;gap:3px}.request-labels strong{text-align:left}
  .component-bank legend,.component-bank label:last-child{grid-column:auto}
}

@media(max-width:480px){
  main{padding:16px 12px 112px}.screen{padding:20px 15px}
  h1{font-size:31px}.progress-meta{gap:8px}.progress-meta span{font-size:11px}
  .supervisor-hook{padding:14px 15px}.supervisor-hook strong{font-size:20px}
  .opening-summary{font-size:16px}.method-line{gap:10px;margin-bottom:14px}
  .route-card{min-height:130px;padding:14px}.route-card .route-name{font-size:16px}.route-card strong{font-size:15px}.route-card small{font-size:12px}
  .compact-action{margin-top:14px;padding-top:12px}
  .practitioner-card{padding:14px 15px}.task-card{padding:14px}
  .select-grid{gap:9px}.select-grid select{min-height:48px}
  .assembly-row{min-height:auto}.scaffold-list li{padding:8px 10px}
  .prompt{max-height:300px}.run-route{gap:8px}.run-route li{padding:12px}
  .screen>.compact-action{position:fixed;left:12px;right:12px;bottom:8px;z-index:8;width:auto;max-width:none;margin:0;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 6px 22px #063b7038}
  .screen>.compact-action .primary{min-height:52px;padding:12px 16px}
  .screen>.compact-action .status:empty{display:none}
  .screen>.compact-action.flow-action{position:static;left:auto;right:auto;bottom:auto;z-index:auto;width:100%;max-width:620px;margin:20px auto 0;padding:18px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}
  .screen>.compact-action.flow-action .primary{min-height:52px}
  .compact-calendar,.finish-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.condition-grid,.gate-actions{grid-template-columns:1fr}.condition-grid legend,.compact-calendar legend{grid-column:1/-1}
  .route-fallback{margin:18px auto 0}
}

/* Prototype 7 slice 4: human confirmation, transfer and designed takeaway. */
.human-assembly,.transfer-facts,.completion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.task-card.transfer-facts{display:block}
.human-assembly>div,.transfer-facts>div,.completion-grid>div{display:flex;min-height:96px;flex-direction:column;align-items:center;justify-content:center;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:center}
.human-assembly span,.transfer-facts span,.completion-grid span{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.human-assembly strong,.transfer-facts strong,.completion-grid strong{margin-top:5px;color:var(--navy);font-size:17px}
.human-condition{margin-top:0}.bounded-question{border-left:5px solid var(--cyan);border-radius:0 10px 10px 0;background:var(--pale)}
.bounded-question>span{display:block;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.bounded-question h2{margin:7px 0 16px;font-size:23px}.bounded-question details{background:#fff}
.assumption-feedback{border-left:5px solid #e7b73d;background:var(--amber);color:var(--ink)}.assumption-feedback strong{color:var(--navy)}
.owner-confirmation{margin:18px 0;padding:18px;border-left:5px solid var(--lime);border-radius:0 10px 10px 0;background:var(--green)}
.owner-confirmation span,.calculation-result span{display:block;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.owner-confirmation strong,.calculation-result strong{display:block;margin-top:5px;color:var(--navy);font-size:19px}.owner-confirmation p{margin:9px 0 0}
.numeric-check{max-width:620px;margin-right:auto;margin-left:auto}.numeric-check label{display:block;margin-bottom:12px;color:var(--navy);font-size:18px;font-weight:800}
.numeric-check input{width:100%;min-height:58px;padding:10px 14px;border:2px solid #9ab2c4;border-radius:9px;color:var(--navy);font-size:22px;font-weight:800;text-align:center}
.numeric-check input:focus{outline:3px solid var(--navy);outline-offset:2px;border-color:var(--navy)}.numeric-check input[aria-invalid="true"]{border-color:#b84b32}
.calculation-result{max-width:620px;margin:0 auto 16px;padding:15px 18px;border:1px solid var(--line);border-radius:10px;background:var(--pale)}
.transfer-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.transfer-comparison>div{display:flex;min-height:118px;flex-direction:column;align-items:center;justify-content:center;padding:16px;border:1px solid var(--line);border-top:5px solid var(--lime);border-radius:10px;background:#fff;text-align:center}
.transfer-comparison span{color:var(--muted);font-size:13px}.transfer-comparison strong{margin-top:6px;color:var(--navy);font-size:22px}
.completion-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.completion-grid>div{min-height:108px;border-top:5px solid var(--cyan)}
.outcome-review{margin:20px 0;background:#f8fbfd}.outcome-review ol{margin-bottom:0}.outcome-review li{margin:8px 0}
.takeaway-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.takeaway-actions button{width:100%;min-height:54px}.takeaway-actions .primary{grid-column:1/-1}
dialog.takeaway-dialog{width:min(1160px,calc(100% - 28px));height:min(92vh,920px);max-height:92vh}.takeaway-preview{display:grid;grid-template-rows:minmax(360px,1fr) auto auto;gap:14px;height:calc(92vh - 112px)}
.takeaway-preview iframe{width:100%;height:100%;border:1px solid var(--line);border-radius:10px;background:#fff}.preview-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview-actions button{width:100%;min-height:50px}

@media(max-width:760px){.human-assembly,.transfer-facts{grid-template-columns:1fr}.completion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.human-assembly>div,.transfer-facts>div{min-height:78px}.takeaway-preview{height:calc(92vh - 118px)}}
@media(max-width:480px){.transfer-comparison,.completion-grid,.takeaway-actions,.preview-actions{grid-template-columns:1fr}.takeaway-actions .primary{grid-column:auto}.takeaway-dialog{width:calc(100% - 16px);padding:16px}.takeaway-preview{height:calc(92vh - 102px)}.completion-grid>div{min-height:82px}}

/* Lab 1 Revision 5: captured example, evidence checks and a checked-schedule payoff. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.format-label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 10px;padding:11px 14px;border:1px solid var(--line);border-radius:9px;background:var(--pale)}
.format-label strong{color:var(--navy)}.format-label span{color:var(--muted);font-size:13px;text-align:right}
.schedule-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:8px;margin:14px 0}
.schedule-day{display:flex;min-height:82px;flex-direction:column;align-items:center;justify-content:center;padding:10px;border:1px solid var(--line);border-top:5px solid var(--cyan);border-radius:9px;background:#fff;text-align:center}
.schedule-day.blocked{border-top-color:#e7b73d;background:var(--amber)}
.schedule-day strong{display:block;color:var(--navy)}.schedule-day span{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.3}
.schedule-card{background:#fff}.schedule-card-flat{margin:22px 0;padding:0;border:0;background:transparent}.schedule-card-flat>h2,.schedule-card-flat>p{padding-right:4px;padding-left:4px}
.table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:9px;background:#fff;scrollbar-gutter:stable}
.table-scroll:focus{outline:3px solid var(--navy);outline-offset:2px}
.table-scroll table{width:100%;min-width:620px;border-collapse:collapse}.quantity-card .table-scroll table{min-width:560px}
.table-scroll th,.table-scroll td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.table-scroll th{color:var(--navy);border-bottom:2px solid var(--navy);background:#f7fafc}.table-scroll tr:last-child td{border-bottom:0}.table-scroll .number-cell,.quantity-card th:not(:first-child){text-align:center}
.table-scroll-hint{display:none;margin:7px 0 0;color:var(--muted);font-size:12px}
.open-assumptions{display:grid;gap:10px;margin:16px 0;padding:0;list-style:none}.open-assumptions li{position:relative;padding:13px 14px 13px 44px;border:1px solid var(--line);border-radius:9px;background:#fff}.open-assumptions li::before{content:'?';position:absolute;left:15px;top:13px;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border:2px solid var(--cyan);border-radius:50%;color:var(--navy);font-size:12px;font-weight:900}.open-assumptions strong{display:block;color:var(--navy)}
.choice-row:has(input:checked),.condition-grid label:has(input:checked){border-color:var(--navy);box-shadow:0 0 0 2px #10bde826;background:var(--pale)}
.needs-review{border-color:#b84b32!important;box-shadow:0 0 0 2px #b84b3222!important}.needs-review>h2,.needs-review>summary{color:var(--red)}
.optional-practice>summary{font-size:17px}.optional-practice>div>h3{margin-top:20px}

@media(max-width:620px){
  .format-label{align-items:flex-start;flex-direction:column;gap:2px}.format-label span{text-align:left}
  .schedule-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .schedule-strip .schedule-day:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 4px);justify-self:center}
  .table-scroll-hint{display:block}
}
@media(max-width:480px){
  .schedule-strip{grid-template-columns:1fr}.schedule-strip .schedule-day:last-child:nth-child(odd){grid-column:auto;width:auto;justify-self:stretch}
  .schedule-day{min-height:68px}
  .table-scroll{overflow-x:hidden;scrollbar-gutter:auto}
  .table-scroll table,.quantity-card .table-scroll table{width:100%;min-width:0;table-layout:fixed}
  .table-scroll th,.table-scroll td{padding:6px 3px;font-size:12px;line-height:1.22;overflow-wrap:anywhere;word-break:normal;vertical-align:top}
  .schedule-card .table-scroll th:nth-child(1){width:25%}.schedule-card .table-scroll th:nth-child(2){width:33%}.schedule-card .table-scroll th:nth-child(3),.schedule-card .table-scroll th:nth-child(4){width:21%}
  .quantity-card .table-scroll th:first-child{width:22%}.quantity-card .table-scroll th:not(:first-child){width:26%}
  .table-scroll-hint{display:none}
}

/* Lab 1 Revision 5.2: stable navigation, focused outcomes and visible playbook. */
.macro-progress{margin-bottom:20px}.macro-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.macro-steps li{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 7px;align-items:center;min-height:58px;padding:9px 10px;border:1px solid var(--line);border-top:5px solid #cbdbe6;border-radius:9px;background:#f7fafc;color:var(--muted)}.macro-steps li.done{border-top-color:var(--lime);background:#f6fae9}.macro-steps li.current{border-top-color:var(--cyan);background:var(--pale);color:var(--navy)}.macro-number{display:flex;grid-row:1/3;width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;background:#dce8ef;color:var(--navy);font-size:12px;font-weight:900}.macro-steps li.done .macro-number{background:var(--lime)}.macro-steps li.current .macro-number{background:var(--cyan)}.macro-steps strong{font-size:14px}.substep-dots{display:flex;grid-column:2;gap:4px}.substep-dots i{width:14px;height:4px;border-radius:4px;background:#cbdbe6}.substep-dots i.done{background:var(--lime)}.substep-dots i.current{background:var(--cyan)}
.previous-nav{margin:0 0 12px}.previous-button{min-height:38px;padding:7px 12px;border-color:transparent;background:transparent;font-size:14px}.previous-button:hover{border-color:var(--line);background:#fff}
.next-action{display:flex;width:100%;min-height:56px;align-items:center;justify-content:center;padding:14px 20px;border-color:#9fc52f;background:var(--lime);color:var(--navy);font-size:18px;font-weight:850}.next-action:hover{background:#c8ef58}.answer-outcome{max-width:620px;margin:22px auto 0;padding-top:18px;border-top:1px solid var(--line);scroll-margin:16px 0}.answer-outcome .decision-feedback{margin:0 0 12px}.answer-outcome .next-action{margin:0}.retry-outcome .compact-action{max-width:none;margin:0;padding:0;border:0}.retry-outcome .compact-action .primary{min-height:54px}.retry-outcome .status:empty{display:none}
.check-cue{margin:18px 0 12px;padding:11px 14px;border-left:4px solid var(--cyan);background:var(--pale);color:var(--muted);font-size:14px}.check-cue strong{display:block;color:var(--navy)}
.locked-choice-set{pointer-events:none}.locked-choice-set .choice-row:has(input:checked),.locked-choice-set label:has(input:checked){border-color:#9fc52f;background:var(--green)}.locked-choice-set input:checked{opacity:1}.locked-choice-set input:not(:checked){opacity:.42}.locked-choice-set .choice-row:not(:has(input:checked)){opacity:.64}
.locked-choice-set .choice-row:has(input:checked)::after{content:'✓';margin-left:auto;color:var(--navy);font-size:20px;font-weight:900}.verified-evidence-form{border-left:5px solid var(--lime)}.verified-status{margin:0 0 16px;padding:10px 12px;border-radius:8px;background:var(--green);color:var(--navy);font-weight:800}
.verified-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.verified-fields>div{display:grid;gap:4px;padding:15px 17px;border:1px solid var(--line);border-left:5px solid var(--lime);border-radius:0 9px 9px 0;background:var(--green)}.verified-fields span{color:var(--muted);font-size:13px}.verified-fields strong{color:var(--navy);font-size:18px}.question-divider{height:1px;margin:22px 0;background:var(--line)}
.simulator-note{margin:0 0 18px;padding:14px 17px;border:1px solid var(--line);border-radius:9px;background:#f8fbfd}.simulator-note strong{color:var(--navy)}.simulator-note .estimated-time{color:var(--navy);font-weight:800;white-space:nowrap}.simulator-note+.depth{margin-top:0}
.lab-picture{display:grid;grid-template-columns:repeat(9,auto);gap:8px;align-items:center}.lab-picture div{display:grid;gap:4px;min-height:88px;align-content:center;padding:12px;border:1px solid var(--line);border-top:5px solid var(--cyan);border-radius:9px;background:#fff;text-align:center}.lab-picture strong{color:var(--navy)}.lab-picture span{color:var(--muted);font-size:12px}.lab-picture b{color:var(--cyan);font-size:24px}
.result-details>div>h2{margin-top:22px}.result-details>div>h2:first-child{margin-top:0}.captured-response{padding:14px;border:1px solid var(--line);border-radius:9px;background:#f8fbfd}.captured-response .result-preview{margin-bottom:0}.response-evidence p{margin-bottom:0}
.playbook{margin:0 0 20px}.playbook-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.playbook-heading span{color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.playbook-heading h2{margin:0}.playbook-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.playbook-card{display:flex;min-height:244px;flex-direction:column;padding:15px;border:1px solid var(--line);border-top:5px solid var(--cyan);border-radius:9px;background:#fff}.playbook-card>span{color:var(--muted);font-size:12px;font-weight:850}.playbook-card h3{margin:5px 0 7px;font-size:16px}.playbook-card p{margin:0 0 10px;color:var(--muted);font-size:13px}.playbook-card button{width:100%;min-height:42px;margin-top:auto;padding:8px 10px}.playbook-details{margin:0 0 10px;background:#f8fbfd}.playbook-details summary{padding:9px 10px;font-size:13px}.playbook-details>pre{max-height:220px;margin:0 10px 10px;padding:10px;overflow:auto;border:1px solid var(--line);border-radius:7px;background:#fff;white-space:pre-wrap;font:12px/1.45 system-ui}.optional-practice-card{margin-top:14px}.takeaway-actions .button{width:100%;min-height:54px}.guide-section{margin-bottom:22px}.guide-section h3{font-size:19px}.guide-section p{margin:8px 0}.contextual-guide{padding:15px 17px;border-left:5px solid var(--cyan);background:var(--pale)}
.tool-expectations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0;padding:0;list-style:none}.tool-expectations li{padding:12px;border:1px solid var(--line);border-top:4px solid var(--cyan);border-radius:8px;background:#fff}.tool-expectations strong{display:block;color:var(--navy)}.tool-expectations span{display:block;margin-top:4px;color:var(--muted);font-size:13px}

@media(max-width:760px){.playbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-picture{grid-template-columns:1fr}.lab-picture b{transform:rotate(90deg);justify-self:center}.lab-picture div{min-height:72px}.verified-fields{grid-template-columns:1fr}.tool-expectations{grid-template-columns:1fr}}
@media(max-width:480px){.macro-progress{margin-bottom:14px}.macro-steps{gap:5px}.macro-steps li{display:flex;min-height:54px;flex-direction:column;justify-content:center;gap:2px;padding:6px 3px;text-align:center}.macro-number{width:22px;height:22px}.macro-steps strong{font-size:11px}.substep-dots{grid-column:auto}.substep-dots i{width:9px}.previous-nav{margin-bottom:8px}.playbook-grid{grid-template-columns:1fr}.playbook-card{min-height:150px}.playbook-heading{align-items:start;flex-direction:column;gap:4px}.answer-outcome{margin-top:18px}.screen>.compact-action .next-action{min-height:52px}}

@media(min-width:761px){
  #app[data-route="complete"] .screen{padding-top:26px}
  #app[data-route="complete"] h1{margin-bottom:10px;font-size:40px}
  #app[data-route="complete"] .instruction{margin-bottom:8px}
  #app[data-route="complete"] .playbook-heading{margin-bottom:8px}
  #app[data-route="complete"] .playbook-card{min-height:226px;padding:12px}
}

@media print{.macro-progress,.previous-nav{display:none!important}}

/* LevelUP visual standard: equal containers, fixed control positions and aligned text. */
.source-facts{grid-auto-rows:1fr}
.source-facts li{height:100%}
.choice-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;column-gap:12px;align-items:start}
.choice-row input{margin:2px 0 0;justify-self:center}
.choice-row span{min-width:0}
.condition-grid{grid-auto-rows:1fr;gap:12px}
.condition-grid label{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:14px;align-items:center;justify-content:stretch;height:100%;min-height:84px;padding:14px 18px;text-align:left}
.condition-grid input{width:24px;height:24px;margin:0;justify-self:center}
.condition-grid label>span{min-width:0;line-height:1.35;text-wrap:balance}
.condition-grid label:last-of-type{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}
.choice-row:has(input:focus-visible),.condition-grid label:has(input:focus-visible){outline:3px solid var(--navy);outline-offset:2px}
.choice-row input:focus-visible,.condition-grid input:focus-visible{outline:none}
.lab-picture{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch}
.lab-picture div{min-height:96px}
.lab-picture b{align-self:center}
.playbook-heading{display:grid;justify-items:start;gap:4px}
.playbook-grid{grid-auto-rows:1fr}
.playbook-card{height:100%}
@media(max-width:760px){
  .condition-grid{grid-template-columns:1fr}
  .condition-grid label{min-height:68px}
  .condition-grid label:last-of-type{grid-column:auto;width:100%;justify-self:stretch}
  .lab-picture{grid-template-columns:1fr}
}

/* Lab 1 Revision 5.5: richer preview, balanced decisions and clearer evidence checks. */
.decision-feedback ul{display:grid;gap:7px;margin:10px 0 0;padding-left:20px;color:var(--ink)}
.decision-feedback li{padding-left:2px}
.decision-feedback.incorrect li::marker{color:var(--red)}
.decision-feedback.correct li::marker{color:var(--navy)}

.source-packet{margin:18px 0 22px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd}
.source-packet-review>summary{display:grid;gap:3px;padding:14px 16px}
.source-packet-review>summary span{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.source-packet-review>summary strong{color:var(--navy);font-size:16px}
.source-packet-review[open]>summary{border-bottom:1px solid var(--line)}
.source-packet-review>.source-fragment-grid{padding:16px}
.section-heading{display:grid;gap:3px;margin-bottom:14px}
.section-heading>span{color:var(--muted);font-size:12px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.section-heading h2{margin:0}
.source-fragment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:12px}
.source-fragment{display:flex;height:100%;min-height:184px;flex-direction:column;padding:16px 17px;border:1px solid var(--line);border-top:5px solid var(--cyan);border-radius:9px;background:#fff}
.source-fragment>h3{display:block;margin:0 0 9px;color:var(--navy);font-size:14px;font-weight:850;letter-spacing:.03em}
.source-fragment p{margin:0;color:var(--ink);line-height:1.5}

.source-decisions{display:grid;grid-template-columns:1fr;gap:14px;margin:20px 0}
.source-decision{display:block;padding:18px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd}
.source-decision .choice-set{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px}
.source-decision[data-choice-count="3"] .choice-set{grid-template-columns:repeat(3,minmax(0,1fr))}
.source-decision .choice-set legend{grid-column:1/-1;margin:0 0 16px;padding:0 3px;font-size:18px;line-height:1.35}
.source-decision .choice-row{height:100%;min-height:112px;align-items:center;padding:15px;background:#fff}
.source-decision .choice-row input{align-self:center;margin:0}
.source-decision .choice-row span{align-content:center;line-height:1.4}
.decision-status{min-height:24px;margin:10px 0 0;color:var(--navy);font-size:14px}
.source-reference{margin-top:18px}
.source-reference ul{display:grid;gap:8px;margin:10px 0 0;padding-left:20px}
.source-reference li{padding-left:2px}

/* Balance card headings between the container edge and the content they introduce. */
.task-card>h2:first-child:has(+ .table-scroll),
.task-card>h2:first-child:has(+ .working-dates),
.task-card>h2:first-child:has(+ .checklist){margin-bottom:18px}
.supervisor-view>.table-scroll+h2{margin-top:30px}

.timeline-preview{width:min(100%,960px);margin:18px auto 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:#f8fbfd}
.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.preview-heading>div{display:grid;gap:2px}.preview-heading span{color:var(--muted);font-size:12px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.preview-heading strong{color:var(--navy);font-size:20px}.preview-heading>small{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-weight:750;white-space:nowrap}
.preview-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:9px;margin-bottom:13px}
.preview-summary>div{display:grid;height:100%;min-height:80px;align-content:center;gap:3px;padding:11px 13px;border:1px solid var(--line);border-top:4px solid var(--cyan);border-radius:8px;background:#fff}.preview-summary span{color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.preview-summary strong{color:var(--navy);font-size:14px;line-height:1.3}
.preview-key{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px 13px;margin:0 0 9px;padding:0;list-style:none;color:var(--muted);font-size:12px}.preview-key li{display:flex;align-items:center;gap:5px;white-space:nowrap}.preview-key i{display:block;width:22px;height:12px;border-radius:3px}
.preview-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:9px;background:#fff;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.preview-scroll:focus{outline:3px solid var(--navy);outline-offset:2px}
.timeline-preview-board{display:grid;min-width:760px;padding:12px;background:#fff}
.preview-axis,.preview-row{position:relative;display:grid;grid-template-columns:122px repeat(8,minmax(72px,1fr));align-items:stretch}
.preview-axis-corner,.preview-axis-cell{position:relative;display:grid;min-height:52px;place-content:center;padding:5px;border-top:1px solid var(--line);border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7fafc;color:var(--muted);font-size:10px;line-height:1.15;text-align:center}.preview-axis-cell:last-child{border-right:1px solid var(--line)}.preview-axis-corner{justify-content:start;padding-left:12px;color:var(--navy);font-weight:850;text-transform:uppercase}.preview-axis-cell b{color:var(--navy);font-size:11px}.preview-axis-cell small{margin-top:2px;font-size:9px;font-weight:850;text-transform:uppercase}.preview-axis-cell.is-blocked{background:repeating-linear-gradient(135deg,#dce8ef 0 5px,#fff 5px 10px)}.preview-axis-cell.is-finish{box-shadow:inset 0 -4px 0 var(--lime);background:#f6fae9}.preview-axis-cell.is-target::before{content:'';position:absolute;top:5px;right:4px;bottom:5px;border-left:2px dashed var(--navy)}
.preview-row{min-height:54px}.preview-row>strong{display:grid;grid-column:1;grid-row:1;align-content:center;padding:7px 12px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7fafc;color:var(--navy);font-size:13px;line-height:1.2}.preview-row>strong span,.preview-row>strong small{display:block}.preview-row>strong small{margin-top:2px;color:var(--muted);font-size:10px;font-weight:700}
.preview-cell{position:relative;grid-row:1;min-height:54px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.preview-cell:last-child{border-right:1px solid var(--line)}
.preview-cell.is-work{background-color:#fff;background-image:linear-gradient(to bottom,transparent 10px,#0799be 10px,#0799be 11px,var(--cyan) 11px,var(--cyan) calc(100% - 11px),#0799be calc(100% - 11px),#0799be calc(100% - 10px),transparent calc(100% - 10px))}
.preview-cell.is-blocked{background:repeating-linear-gradient(135deg,#dce8ef 0 5px,#fff 5px 10px)}
.preview-cell.is-finish::before{content:'';position:absolute;top:5px;right:4px;bottom:5px;width:4px;border-radius:3px;background:var(--lime);z-index:2}.preview-cell.is-target::before{content:'';position:absolute;top:5px;right:4px;bottom:5px;border-left:2px dashed var(--navy);z-index:2}
.preview-scroll-hint{display:none;margin:7px 0 0;color:var(--muted);font-size:12px}.timeline-preview figcaption{margin:12px auto 0;max-width:760px;color:var(--ink);font-size:14px;text-align:center}

.condition-guide{display:grid;gap:3px;margin:16px 0 12px;padding:13px 15px;border-left:5px solid var(--cyan);background:var(--pale)}.condition-guide span{color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.condition-guide strong{color:var(--navy)}.condition-guide p{margin:0;color:var(--muted);font-size:14px}
.condition-evidence{margin:0 0 14px}.condition-grid label{grid-template-columns:24px minmax(0,1fr) auto}.condition-copy{display:grid;gap:3px}.condition-copy strong{color:var(--navy);font-size:16px}.condition-copy small{color:var(--muted);font-size:13px;line-height:1.35}.condition-hint{justify-self:end;padding:4px 8px;border-radius:999px;background:#fff;color:inherit;font-size:11px;font-style:normal;font-weight:900;text-transform:uppercase}.condition-grid label.condition-remove{border:2px solid #b84b32;box-shadow:0 0 0 2px #b84b3222;background:#fff0ec;color:var(--red)}.condition-grid label.condition-add{border:2px solid #d2a529;box-shadow:0 0 0 2px #d2a52922;background:var(--amber)}

.schedule-timeline{margin:16px 0 18px}
.timeline-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:10px}
.timeline-heading figcaption{color:var(--navy);font-size:18px;font-weight:850}
.timeline-key{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px 13px;margin:0;padding:0;list-style:none;color:var(--muted);font-size:12px}
.timeline-key li{display:flex;align-items:center;gap:5px;white-space:nowrap}
.timeline-key i{display:block;width:22px;height:12px;border-radius:3px}
.key-work{background:var(--cyan)}
.key-blocked{border:1px solid #9ab2c4;background:repeating-linear-gradient(135deg,#dce8ef 0 4px,#fff 4px 8px)}
.key-finish{background:var(--lime)}
.key-target{border:2px dashed var(--navy);background:#fff}
.timeline-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:#fff;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.timeline-scroll:focus{outline:3px solid var(--navy);outline-offset:2px}
.timeline-board{min-width:704px;padding:13px}
.timeline-header,.timeline-row{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:stretch}
.timeline-corner,.timeline-area{display:flex;align-items:center;padding:7px 9px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7fafc;color:var(--navy);font-size:12px;font-weight:850}
.timeline-corner{border-top:1px solid var(--line)}
.timeline-days,.timeline-track{display:grid;grid-template-columns:repeat(5,minmax(52px,1fr)) repeat(2,34px) repeat(3,minmax(52px,1fr))}
.timeline-day{position:relative;display:grid;place-items:center;min-height:56px;padding:5px 2px;border-top:1px solid var(--line);border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:#f7fafc;color:var(--muted);font-size:10px;line-height:1.15;text-align:center}.timeline-day:last-child{border-right:1px solid var(--line)}
.timeline-day span{font-weight:750}.timeline-day strong{color:var(--navy);font-size:12px}
.timeline-day.is-weekend{background:#edf1f4;color:#335b78;font-weight:800}.timeline-day.is-weekend strong{color:var(--navy)}
.timeline-day.is-blocked{background:repeating-linear-gradient(135deg,#dce8ef 0 5px,#fff 5px 10px)}
.timeline-day.is-finish{box-shadow:inset 0 -4px 0 var(--lime);background:#f6fae9}
.timeline-day.is-finish::after{content:'Finish';display:block;margin-top:2px;color:var(--navy);font-size:8px;font-weight:850;line-height:1;text-transform:uppercase}
.timeline-day.is-target::before{content:'';position:absolute;top:5px;right:4px;bottom:5px;border-left:2px dashed var(--navy)}
.timeline-track{position:relative;min-height:43px}
.timeline-cell{position:relative;grid-row:1;min-height:43px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.timeline-cell:last-child{border-right:1px solid var(--line)}
.timeline-cell.is-weekend{background:#f0f3f5}
.timeline-cell.is-blocked{background:repeating-linear-gradient(135deg,#dce8ef 0 5px,#fff 5px 10px)}
.timeline-cell.is-work{background-color:#fff;background-image:linear-gradient(to bottom,transparent 9px,#0799be 9px,#0799be 10px,var(--cyan) 10px,var(--cyan) calc(100% - 10px),#0799be calc(100% - 10px),#0799be calc(100% - 9px),transparent calc(100% - 9px))}
.timeline-cell.is-finish::before{content:'';position:absolute;top:5px;right:4px;bottom:5px;width:4px;border-radius:3px;background:var(--lime);z-index:2}
.timeline-cell.is-target::before{content:'';position:absolute;top:5px;right:4px;bottom:5px;border-left:2px dashed var(--navy);z-index:2}
.timeline-scroll-hint{display:none;margin:7px 0 0;color:var(--muted);font-size:12px}

#app[data-route="test-result"] .screen>.task-card{margin-top:14px;margin-bottom:14px}
#app[data-route="test-result"] .impact-compare{margin-top:12px}
#app[data-route="test-result"] .schedule-timeline{margin:12px 0 14px}
#app[data-route="test-result"] .question-divider{margin:18px 0}
#app[data-route="test-result"] .choice-set{gap:8px}
#app[data-route="test-result"] .choice-row{padding-top:11px;padding-bottom:11px}

@media(max-width:760px){
  .source-fragment-grid{grid-template-columns:1fr}
  .source-fragment{min-height:auto}
  .source-decision .choice-set,.source-decision[data-choice-count="3"] .choice-set{grid-template-columns:1fr}
  .source-decision .choice-row{min-height:68px}
  .preview-heading{align-items:flex-start;flex-direction:column;gap:8px}.preview-heading>small{white-space:normal}
  .preview-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .preview-key{justify-content:flex-start}
  .timeline-heading{align-items:flex-start;flex-direction:column;gap:7px}
  .timeline-key{justify-content:flex-start}
}

@media(max-width:480px){
  .source-packet-review>summary{padding:12px 14px}
  body{overflow-x:hidden}
  .source-packet,.source-decision,.timeline-preview{padding:14px}
  .source-fragment-grid,.source-decisions{gap:10px}
  .source-fragment{padding:14px 15px}
  .source-decision .choice-row{min-height:64px;padding:12px}
  .source-decision .choice-set legend{margin-bottom:13px;padding:0}
  .timeline-preview{padding:14px}.preview-summary{gap:7px}.preview-summary>div{min-height:74px;padding:10px}.preview-scroll-hint{display:block}
  .timeline-board{min-width:660px;padding:10px}
  .timeline-header,.timeline-row{grid-template-columns:70px minmax(0,1fr)}
  .timeline-scroll-hint{display:block}
  .schedule-timeline,.timeline-scroll{max-width:100%}
}

@media print{
  .source-fragment,.source-decision,.timeline-preview,.schedule-timeline{break-inside:avoid}
  .timeline-scroll{overflow:visible;border-color:#9ab2c4}
  .timeline-board{min-width:0;padding:8px}
  .timeline-header,.timeline-row{grid-template-columns:68px minmax(0,1fr)}
  .timeline-days,.timeline-track{grid-template-columns:repeat(5,minmax(38px,1fr)) repeat(2,25px) repeat(3,minmax(38px,1fr))}
  .timeline-day{min-height:34px}.timeline-track,.timeline-cell{min-height:36px}
  .timeline-scroll-hint{display:none!important}
  .timeline-cell.is-blocked,.timeline-cell.is-work,.key-blocked,.preview-cell.is-blocked,.preview-cell.is-work{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .key-work,.key-finish,.timeline-cell.is-finish::before,.preview-cell.is-finish::before{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* Lab 1 Revision 5.7: balanced completion, intact timeline grid and media placement. */
.intro-placeholder{display:flex;min-height:60px;align-items:center;gap:13px;padding:12px 16px;border:2px solid #86a1b6;border-radius:9px;background:#fff;color:var(--navy)}
.intro-placeholder>span{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--pale);font-size:14px}
.intro-placeholder>div{display:grid;gap:1px}.intro-placeholder strong{font-size:16px}.intro-placeholder small{color:var(--muted);font-size:12px;line-height:1.3}

.timeline-track{position:relative;min-height:43px;background:#fff}

.bounded-question{padding:16px 18px}
.bounded-question h2{max-width:48ch;margin:7px 0 0;font-size:clamp(18px,2.2vw,23px);line-height:1.3;text-wrap:balance}

.playbook-details{margin-top:auto;margin-bottom:10px}
.playbook-card>button{margin-top:0}
#takeaway-status:empty,#copy-status:empty{display:none}

.optional-practice-card>summary{padding:16px 18px;font-size:17px}
.optional-practice-body{padding-top:2px}
.practice-steps{display:grid;gap:10px;margin:16px 0;padding:0;list-style:none;counter-reset:practice-step}
.practice-steps li{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:10px;padding:13px 14px 13px 48px;border:1px solid var(--line);border-radius:9px;background:#fff;counter-increment:practice-step}
.practice-steps li::before{content:counter(practice-step);position:absolute;left:14px;top:13px;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:12px;font-weight:900}
.practice-steps strong{color:var(--navy)}.practice-steps span{grid-column:1/-1;color:var(--ink)}
.data-note{margin:14px 0 0;padding:12px 14px;border-left:4px solid var(--cyan);background:var(--pale)}

.whats-next{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.whats-next>span{display:block;color:var(--muted);font-size:13px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.completion-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
.completion-nav .button,.completion-nav button{width:100%;min-height:54px;text-align:center}
.button.is-disabled{cursor:default;opacity:.7;background:#f7fafc;color:var(--muted);pointer-events:none}
.narrow-label{display:none}
.opening-actions:has(> :only-child){grid-template-columns:1fr;max-width:620px}
@media(max-width:760px){
  .completion-nav{grid-template-columns:1fr}
  .intro-placeholder{justify-content:center}
}
@media(max-width:480px){.wide-label{display:none}.narrow-label{display:inline}}

/* Lab 2 revision 1.1: option comparison patterns built on the Lab 1 template. */
.working-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.working-dates>div{padding:12px 14px;border:1px solid var(--line);border-top:4px solid var(--cyan);border-radius:9px;background:#fff}
.working-dates>div>span{display:block;color:var(--navy);font-size:14px;font-weight:850}
.working-dates ul{margin:6px 0 0;padding-left:18px}.working-dates li{margin:2px 0}
.working-dates>p{grid-column:1/-1;margin:0;color:var(--navy);font-weight:750}
.option-table th[scope="row"]{color:var(--navy);font-weight:850;white-space:nowrap}
.option-table td,.option-table th{vertical-align:top}
.recommendation-card h2{margin-top:16px}
@media(max-width:700px){.working-dates{grid-template-columns:1fr}.option-table th[scope="row"]{white-space:normal}}
.condition-grid label.condition-cleared{border:2px solid var(--line);box-shadow:none;background:#fff;color:inherit}

/* Lab 2 revision 1: balanced decisions and a clear comparison-first hierarchy. */
.option-table{
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
}
.table-scroll:has(.option-table){
  border:2px solid var(--navy);
  box-shadow:0 5px 14px #063b7012;
}
.option-table th,
.option-table td{
  padding:13px 14px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  line-height:1.4;
  vertical-align:top;
}
.option-table tr>*:last-child{border-right:0}
.option-table tbody tr:last-child>*{border-bottom:0}
.option-table thead th{
  border-bottom:2px solid var(--navy);
  background:var(--navy);
  color:var(--white);
  font-size:14px;
  font-weight:850;
  letter-spacing:.01em;
}
.option-table thead th:first-child{width:26%}
.option-table:has(thead th:nth-child(4)) thead th:first-child{width:22%}
.option-table tbody th[scope="row"]{
  background:var(--pale);
  color:var(--navy);
  font-weight:850;
  white-space:normal;
}
.option-table tbody td{background:#fff;color:var(--ink)}
.option-table tbody tr:nth-child(even) td{background:#fbfdfe}
.option-table tbody tr:focus-within>*{box-shadow:inset 0 0 0 2px var(--cyan)}

/* The comparison is the primary artifact. The timeline supports its date evidence. */
#app .schedule-card{display:flex;flex-direction:column}
#app .schedule-card>h2,
#app .schedule-card>p{order:0}
#app .schedule-card>.table-scroll{order:1;margin:8px 0 18px}
#app .schedule-card>.option-timeline{
  order:2;
  margin:0;
  padding:14px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#f8fbfd;
}
#app .schedule-card>.option-timeline figcaption{font-size:16px}
#app .schedule-card>.option-timeline .ot-scroll{border-color:#a9bfce;box-shadow:none}
#app .schedule-card>.option-timeline .ot-key{font-size:11px}

/* Six choices form three complete rows with fixed control and text positions. */
.condition-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:minmax(92px,1fr);
  align-items:stretch;
  gap:12px;
}
.condition-grid label,
.condition-grid label:last-of-type{
  grid-column:auto;
  width:100%;
  min-height:92px;
  justify-self:stretch;
  align-self:stretch;
  grid-template-columns:24px minmax(0,1fr) auto;
  column-gap:14px;
  align-items:center;
  padding:15px 18px;
  text-align:left;
}
.condition-grid input{align-self:center;justify-self:center;margin:0}
.condition-grid .condition-copy{align-self:center;align-content:center}
.condition-grid .condition-copy strong,
.condition-grid .condition-copy small{display:block}

@media(max-width:760px){
  .condition-grid{grid-template-columns:1fr;grid-auto-rows:auto}
  .condition-grid label,
  .condition-grid label:last-of-type{min-height:72px}
}

@media(max-width:480px){
  .option-table th,
  .option-table td{padding:7px 5px;font-size:11.5px;line-height:1.3}
  .option-table thead th{font-size:11.5px}
  .schedule-card .option-table thead th:first-child{width:28%}
  .schedule-card .option-table:has(thead th:nth-child(4)) thead th:first-child{width:25%}
  .schedule-card .option-table thead th:nth-child(n+2){width:auto}
  #app .schedule-card>.option-timeline{padding:11px}
  .condition-grid label,
  .condition-grid label:last-of-type{min-height:68px;padding:13px 14px}
}

@media print{
  .table-scroll:has(.option-table){box-shadow:none}
  .option-table thead th,
  .option-table tbody th[scope="row"],
  .option-table tbody td{
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }
  #app .schedule-card>.option-timeline{break-inside:avoid;box-shadow:none}
}

/* Lab 4 revision 1.1: decision-ready status patterns. */
.source-fragment-grid.four-sources{grid-template-columns:repeat(2,minmax(0,1fr))}
.table-note{margin:8px 0 0;color:var(--muted);font-size:14px}
.completion-nav .series-tile{display:flex;align-items:center;justify-content:center}

/* Five confirmation cards form a balanced 3 + 2 arrangement. */
.condition-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.condition-grid legend{grid-column:1/-1}
.condition-grid label{grid-column:span 2}
.condition-grid label:nth-of-type(4){grid-column:2/span 2}
.condition-grid label:nth-of-type(5){grid-column:4/span 2}

/* The finished status is the visual payoff. */
.status-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.status-layer{display:flex;min-height:150px;flex-direction:column;padding:16px;border:1px solid var(--line);border-top:5px solid var(--cyan);border-radius:10px;background:#fff}
.status-layer.current{border-top-color:var(--lime);background:#f7faeb}
.status-layer.decision{border-top-color:#f0b43c;background:#fff8e8}
.status-layer span{color:var(--muted);font-size:12px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}
.status-layer strong{margin:7px 0;color:var(--navy);font-size:19px;line-height:1.25}
.status-layer p{margin:auto 0 0;line-height:1.45}

@media(max-width:760px){
  .source-fragment-grid.four-sources,.status-layers{grid-template-columns:1fr}
  .condition-grid{grid-template-columns:1fr}
  .condition-grid label,.condition-grid label:nth-of-type(4),.condition-grid label:nth-of-type(5){grid-column:1}
}
.produce-line{max-width:980px;margin:0 auto 18px;padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:#f8fbfd;color:var(--ink)}
.produce-line strong{color:var(--navy)}

/* Lab 4 revision 1.3: statement cards and one clear completion destination. */
.status-versions li{padding:14px}
.status-versions li::before{content:none}
.completion-nav.single-action{grid-template-columns:minmax(0,560px);justify-content:center}
.whats-next>p{margin:5px 0 12px;color:var(--muted)}