.masthead{background:linear-gradient(120deg,#272044,#4c386e)}.masthead em,.mast-stats b{color:#e8d4ff}.masthead .eyebrow{color:#eadcff}.jsmark{background:#e8d8fb;color:#392456}.practice{align-self:start;position:sticky;top:95px}.practice textarea{width:100%;margin:10px 0 18px;font:14px/1.6 ui-monospace,monospace}.practice h3{margin-top:20px}.practice label{display:block}.lab-form label{display:block;margin:14px 0 6px}.lab-form input,.lab-form textarea,.lab-form select{width:100%;margin-top:6px}.lab-form textarea{min-height:100px}.lab-output{background:#f2eef7;padding:22px;border-radius:12px;overflow-wrap:anywhere}.lab-output pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:600px;overflow:auto}.lab-output h3{margin-top:0}.lab-note{border-left:4px solid #8a65b0;padding:12px 18px;background:#f3eff8}.bar-row{display:grid;grid-template-columns:90px 1fr 65px;gap:12px;align-items:center;margin:14px 0}.bar-track{background:#e5deed;height:16px;border-radius:8px;overflow:hidden}.bar-fill{background:#7954a1;height:100%}.source-card{border:1px solid #cdbddd;padding:15px;border-radius:10px;margin:12px 0}.source-card p{margin:6px 0}.score-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.score-grid select{max-width:100%}.metric-table{width:100%;border-collapse:collapse}.metric-table th,.metric-table td{text-align:left;padding:10px;border-bottom:1px solid #d7cfe1}#lab-host .panel{margin-bottom:20px}.lab-controls{margin:18px 0}.practice #complete{width:100%}.question-box fieldset{border:0;padding:0}.question-box legend{font-weight:700;margin-bottom:15px}.project-evidence{border-top:1px solid #d8dfe1;margin-top:15px;padding-top:12px}.project-evidence textarea{width:100%;margin-top:8px}#project-notes{width:100%}.resources{margin-top:24px}input[type=checkbox]{width:auto!important}#lab-tabs button[aria-pressed=true]{background:#4c386e;color:white}.lab-output p[role=status]{font-weight:600}.fine{line-height:1.6}
@media(max-width:1100px){.practice{position:static}}@media(max-width:650px){.score-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:65px 1fr 55px}.lab-output{padding:16px}}

.masthead{background:linear-gradient(120deg,#14334a,#225f78)}.masthead em,.mast-stats b{color:#c3eaff}.masthead .eyebrow{color:#d1ecff}.jsmark{background:#d5edfc;color:#173b54}.lab-output,.lab-note{background:#edf5fa}.lab-note{border-color:#3888af}#lab-tabs button[aria-pressed=true]{background:#235d7b}.faq-entry{background:white;border:1px solid #cfdee7;border-radius:12px;padding:20px;margin:14px 0}.faq-entry summary{font-size:18px;font-weight:750;cursor:pointer}.faq-entry .tagline{display:block;font-size:11px;color:#426078;margin-bottom:7px}.faq-entry p,.faq-entry li{max-width:950px}#faq-search,#faq-topic{width:100%;display:block;margin:7px 0 16px}.lab-output[data-stale]::before{content:"Inputs changed — update the result to inspect this draft.";display:block;background:#fff5ca;padding:10px;margin-bottom:15px;border-radius:5px;font-weight:700}.fake-mail{padding:12px;border-bottom:1px solid #c4d9e4}.zone-row{padding:16px;margin:10px 0;background:white;border-radius:8px}.lab-form input[type=checkbox]{display:inline;width:auto}.formula-cells{display:grid;grid-template-columns:55px 1fr;gap:8px;align-items:center}.formula-cells input{margin:0}.qa-answer{border-left:4px solid #3888af;padding-left:18px}.search-note{font-size:12px}

.masthead{background:linear-gradient(115deg,#152f46 0%,#343867 58%,#665089 100%)}.masthead em,.mast-stats b{color:#d5d8ff}.jsmark{background:#e4dfff;color:#3b3670}#lab-tabs button[aria-pressed=true]{background:#4c477e}.lab-output{background:#f0f0f9}.lab-note{background:#f2f1fa;border-color:#8172b3}.code-example{white-space:pre-wrap;overflow-wrap:anywhere;background:#152f46;color:#e5ecfa;padding:18px;border-radius:10px;font-size:13px}.lab-output table{table-layout:fixed}.lab-output td,.lab-output th{overflow-wrap:anywhere}.fixture-buttons{margin:10px 0;display:flex;gap:8px;flex-wrap:wrap}.pipeline{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.pipeline span{background:white;border:1px solid #d2cee6;border-radius:6px;padding:8px}.result-good{color:#17624d}.result-warn{color:#874414}.lab-form pre{white-space:pre-wrap}.cost-total{font-size:32px;font-weight:800}.masthead h1{font-size:clamp(32px,4vw,54px)}

.masthead{background:linear-gradient(115deg,#15372e,#205446 58%,#5b6950)}.masthead em,.mast-stats b{color:#d9efb6}.masthead .eyebrow{color:#d3eab9}.jsmark{background:#d9eac4;color:#294b32}#lab-tabs button[aria-pressed=true]{background:#355e45}.lab-output{background:#edf3e9}.lab-note{background:#f0f5ea;border-color:#789660}.sheet-map{width:100%;border-collapse:collapse;margin:12px 0;font-size:12px;table-layout:fixed}.sheet-map td,.sheet-map th{border:1px solid #c7d7c7;padding:7px;overflow-wrap:anywhere}.sheet-map .selected{background:#cce4af;font-weight:700}.lab-output details{background:#fff;border:1px solid #d2ddcc;border-radius:8px;padding:12px;margin:10px 0}.lab-output summary{cursor:pointer;font-weight:700}.case-pass{color:#205c3c}.case-fail{color:#91462f}.lab-output pre{font-size:12px}.stage-banner{background:#e5edda;border-left:4px solid #55733c;padding:12px 16px;margin:10px 0}.brand strong{max-width:280px}.masthead h1{font-size:clamp(32px,3.8vw,52px)}

.masthead{background:linear-gradient(115deg,#16334c,#284d70 60%,#3b6269)}.masthead em,.mast-stats b{color:#f6df9b}.masthead .eyebrow{color:#f6df9b}.jsmark{background:#fae6af;color:#243d51}#lab-tabs button[aria-pressed=true]{background:#294b66}.lab-output{background:#edf3f7}.lab-note{background:#edf3f7;border-color:#416782}.masthead h1{font-size:clamp(32px,3.6vw,50px)}button,input,select{min-height:44px}:focus-visible{outline:3px solid #9d3b08!important;outline-offset:4px!important}html{scroll-padding-top:100px}.demo-preview{padding:22px;border:1px solid #aac0ce;border-radius:9px;background:#fff;margin:14px 0}.contrast-preview{padding:25px;border-radius:8px;margin:12px 0;overflow-wrap:anywhere}.demo-error{color:#8f2217;font-weight:700}.lab-output .demo-error a{color:#8f2217}.demo-dialog{border:2px solid #294b66;border-radius:12px;max-width:min(500px,90vw);padding:25px;color:#142b3c}.demo-dialog::backdrop{background:rgb(0 0 0 / .55)}.demo-dialog button{margin-top:15px}.keyboard-path{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.lab-output details{margin-top:16px}.outline-item{padding:8px;border-bottom:1px solid #c4d4df}.lab-output pre{white-space:pre-wrap;overflow-wrap:anywhere}.lab-output a{text-decoration:underline}.lab-output .preview-link{font-weight:700}.practice{position:static}#lesson-nav button{min-height:44px}.lab-output .demo-preview input{width:100%}@media(max-width:650px){html{scroll-padding-top:15px}}

.masthead{background:linear-gradient(120deg,#252f48,#424b71 62%,#665f7e)}.masthead em,.mast-stats b{color:#e5d7ff}.masthead .eyebrow{color:#eadfff}.jsmark{background:#e5ddfa;color:#3a3657}#lab-tabs button[aria-pressed=true]{background:#48466c}.lab-output,.lab-note{background:#f0f0f8}.lab-note{border-color:#766c9c}.record{border:1px solid #c7c5dc;background:white;border-radius:8px;padding:12px;margin:12px 0}.record pre{margin:5px 0}.real-note{font-size:13px;font-weight:700}.brand strong{max-width:300px}.lab-output ul{padding-left:22px}

.masthead{background:linear-gradient(115deg,#142e3c,#24515a 65%,#43625b)}.masthead em,.mast-stats b{color:#f4d38c}.masthead .eyebrow{color:#f4d38c}#lab-tabs button[aria-pressed=true]{background:#24515a}.lab-output{background:#eef4f3}.trace-line{padding:8px;border-left:4px solid transparent;white-space:pre-wrap}.trace-line.current{background:#fff0c4;border-color:#b56708}.lab-output table{width:100%}.lab-form input,.lab-form select{max-width:100%}.grid-shell{overflow:auto;border:2px dashed #688e91;max-width:100%;padding:8px}.grid-demo{display:grid;gap:8px}.grid-demo article{padding:16px;background:#d9e9e7;overflow-wrap:anywhere}.report-preview{white-space:pre-wrap} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.masthead{background:linear-gradient(115deg,#18372f,#285644 65%,#3c6553)}.masthead em,.mast-stats b{color:#d9efa4}.masthead .eyebrow{color:#d9efa4}.jsmark{background:#d9efa4;color:#213f32}#lab-tabs button[aria-pressed=true]{background:#285644}.lab-output{background:#eef5eb}.runtime-flow{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.runtime-flow span{padding:12px;background:white;border:1px solid #a3bea5;border-radius:8px}.timeline-track{height:24px;background:#dce5dc;border-radius:6px;overflow:hidden;margin:15px 0}.timeline-fill{height:100%;background:#476b3b}.resources pre{white-space:pre-wrap;background:#edf3e9;padding:20px;border-radius:8px}

.masthead{background:linear-gradient(115deg,#352348,#68465d 65%,#8b6258)}.masthead em,.mast-stats b{color:#ffe0a3}.masthead .eyebrow{color:#ffe0a3}.jsmark{background:#ffe0a3;color:#493049}#lab-tabs button[aria-pressed=true]{background:#68465d}.lab-output{background:#f7f0ed}.scenario-card{background:white;border:1px solid #d5c2c9;border-radius:12px;padding:18px;margin:14px 0}.scenario-card h4{margin-top:0}.choice-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.lab-form fieldset{border:1px solid #d5c2c9;border-radius:10px;margin:14px 0;padding:15px}.lab-form legend{font-weight:700}.lab-form .choice-row button[aria-pressed=true]{background:#68465d;color:white}.lab-output pre{white-space:pre-wrap;overflow-wrap:anywhere}.mission-score{font-size:28px;font-weight:800;color:#68465d}.lab-form input[type=checkbox]{min-height:24px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:650px){.comparison{grid-template-columns:1fr}}