.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)}