/* The same quiet blue-and-white system, with room for actual work. */
.workflow-preview{max-width:1060px;margin:48px auto 0;text-align:left;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 12px 35px #17386b08;background:white}.workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.workflow-steps>div{padding:27px 24px;border-right:1px solid var(--line)}.workflow-steps>div:last-child{border:0}.workflow-steps strong{display:block;font-size:16px;font-weight:500;line-height:1.9}.step-no{font-size:12px;color:#8a97aa}.workflow-steps .eyebrow{margin:13px 0 10px}.footer nav{display:flex;gap:20px;font-size:13px;flex-wrap:wrap}.footer{gap:16px}.footer small{flex-basis:100%;margin-left:0}.back-link{display:inline-block;font-size:13px;color:#61708a;margin-bottom:22px}.task-summary{display:flex;align-items:center;gap:20px;justify-content:space-between;background:#f4f7fc;border:1px solid #e2e9f3;border-radius:9px;padding:18px 22px}.task-summary p{font-size:14px;line-height:1.9}.task-summary strong{margin-right:10px}.task-summary .badge{white-space:normal;flex-shrink:0}.practice-section{margin:36px 0;padding-top:8px}.practice-section>h2,.practice-section .section-label h2{font-size:23px;font-weight:650;letter-spacing:-.4px;margin:0 0 15px}.section-intro{font-size:15px;line-height:1.9;color:#627088;margin:0 0 22px}.rule-list{padding-left:25px;margin:15px 0;color:#45536a;font-size:15px;line-height:2}.rule-list li{padding:5px 0 5px 5px}.exercise-panel{padding:26px;background:white;border:1px solid var(--line);border-radius:10px}.practice-section pre{background:#f5f7fb;color:#26364e;border:1px solid #e5eaf1;border-radius:7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;padding:18px;margin:16px 0;max-height:460px;overflow:auto}.practice-section label{display:block;font-size:14px;font-weight:500;margin-bottom:8px;line-height:1.7}.practice-section textarea,.practice-section input:not([type=radio]),.practice-section select{width:100%;max-width:100%;padding:11px 12px;font:inherit;font-size:14px;color:#28394e;border:1px solid #ccd5e2;background:white;border-radius:6px}.practice-section textarea{resize:vertical;line-height:1.75;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.practice-section select{width:auto;min-width:180px}.practice-section fieldset{border:0;margin:20px 0;padding:0}.practice-section legend{font-weight:600;font-size:15px;margin-bottom:12px}.answer-options{display:flex;flex-wrap:wrap;gap:8px 20px}.answer-options label{padding:10px 13px;border:1px solid #dce3ed;border-radius:6px;cursor:pointer;font-weight:400}.answer-options input{margin-right:5px;accent-color:#2563eb}.answer-feedback{margin-top:18px;padding:18px;background:#edf4ff;border-left:3px solid #2563eb;border-radius:5px;line-height:1.85;font-size:14px}.answer-feedback p{margin-top:8px}.all-examples{margin-top:25px;border-top:1px solid #e5eaf1;padding-top:18px}.all-examples article{margin:24px 0;padding-bottom:15px;border-bottom:1px solid #e5eaf1}.all-examples h3{font-size:17px}.all-examples p{line-height:1.9;font-size:14px;color:#506079}.practice-section summary{cursor:pointer;font-size:14px;line-height:1.8;color:#245dad}.template-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}.template-grid>*{min-width:0}.template-question-heading{margin-top:22px}.template-question-heading h3{font-size:17px;margin:0}.question-field{border-top:1px solid #e2e8f0!important;padding-top:16px!important}.question-field label{margin-top:13px}.template-output{position:sticky;top:90px;min-width:0}.template-output pre{margin-top:9px;max-height:560px}.template-output .heading-actions{flex-wrap:wrap}.template-output details{margin-top:20px}.template-output .fineprint{margin-top:12px}.inline-link{display:inline-flex;align-items:center;gap:6px;margin-top:18px;font-size:14px;color:#2563eb}.run-steps{padding-left:24px;line-height:1.9;font-size:15px}.run-steps li{margin:20px 0;padding-left:8px}.run-steps li>strong{font-size:17px}.run-steps p{margin:10px 0;color:#5b687d}.run-steps a,.info-article a{color:#2563eb}.resource-links{display:flex;flex-wrap:wrap;gap:12px 25px;margin:18px 0}.resource-links a{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#2563eb}.reading-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:10px 0 35px}.reading-paths a{display:block;padding:21px;border:1px solid #dfe6ef;border-radius:8px;background:#fafcff}.reading-paths h3{font-size:16px;margin:0 0 10px}.reading-paths p{font-size:13px;line-height:1.8;color:#627088;margin-bottom:14px}.reading-paths .icon{color:#2563eb;width:17px}.chapter-practice{padding:23px;background:#f1f6ff;border-radius:8px;margin:30px 0}.chapter-practice a{display:flex;align-items:center;gap:10px;color:#2563eb;margin-top:10px}.template-list article{display:flex;justify-content:space-between;gap:25px;padding:23px 0;border-bottom:1px solid #e2e8f0}.template-list h3{font-size:17px;margin-bottom:8px}.template-list p{font-size:14px;color:#617089;line-height:1.8}.template-list article>div:last-child{display:flex;align-items:center;gap:20px;flex-shrink:0;font-size:14px;color:#2563eb}.template-list a{display:inline-flex;align-items:center;gap:4px}.search-row{display:flex;gap:10px}.search-row input{flex:1;min-width:0}.search-row button{flex-shrink:0}.search-result{display:block;padding:18px 0;border-bottom:1px solid #e1e7f0}.search-result h3{font-size:16px;color:#2563eb;line-height:1.6}.search-result p{font-size:13px;line-height:1.9;color:#5c6c84;margin-top:7px}.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cost-grid input{display:block;margin-top:7px}.cost-grid .button{justify-self:start}.cost-result{padding:20px;background:#edf4ff;border:1px solid #dbe8fc;border-radius:8px;margin:20px 0;color:#2459a3;font-size:17px;line-height:1.8}.practice-section .fineprint{line-height:1.9;margin-top:15px}.info-article{max-width:760px;font-size:16px;line-height:2;color:#4c5b71}.info-article h2{font-size:22px;color:#26364e;margin:30px 0 12px}.info-article ul{padding-left:25px}.info-article p{margin:16px 0}.workspace-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:23px}.workspace-actions .button{font-size:13px}.workspace-actions label:focus-within{outline:2px solid #2563eb;outline-offset:3px}.button:disabled{opacity:.5;cursor:not-allowed}.practice-section .error-message{line-height:1.8}.app-main .scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-main .scenario-card{min-width:0}.practice-section [hidden]{display:none}.side-note>a{display:block;margin-top:12px}input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #2563eb;outline-offset:3px}
@media(max-width:1100px){.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-steps>div{border-bottom:1px solid var(--line)}.template-grid{grid-template-columns:1fr}.template-output{position:static}.task-summary{display:block}.task-summary .badge{margin-top:12px}.reading-paths{gap:10px}.reading-paths a{padding:16px}.template-list article{display:block}.template-list article>div:last-child{margin-top:15px}.bar-row{grid-template-columns:130px minmax(0,1fr) 75px}}
@media(max-width:540px){.workflow-preview{margin-top:32px}.workflow-steps{grid-template-columns:1fr}.workflow-steps>div{padding:17px 20px;border-right:0}.workflow-steps .eyebrow{margin:5px 0}.workflow-steps strong{font-size:14px}.workflow-steps .step-no{float:right}.workflow-preview .preview-top{height:auto;min-height:44px;gap:12px;padding:10px 15px;font-size:12px}.workflow-preview .preview-top>.badge{display:none}.practice-section{margin:28px 0}.practice-section>h2,.practice-section .section-label h2{font-size:20px;line-height:1.6}.exercise-panel{padding:18px}.reading-paths{grid-template-columns:1fr}.reading-paths a{position:relative}.reading-paths a>.icon{position:absolute;right:18px;top:21px}.reading-paths p{margin-bottom:0}.template-grid{gap:20px}.task-summary{padding:16px}.answer-options{display:grid;gap:7px}.answer-options label{margin:0}.cost-grid{grid-template-columns:1fr}.search-row{gap:7px}.practice-section pre{font-size:12px;padding:13px}.practice-section .section-label{display:block}.practice-section .section-label>span{font-size:11px}.workspace-actions .button{flex:1 1 40%;justify-content:center}.bar-row{grid-template-columns:110px minmax(0,1fr) 65px;gap:8px;font-size:12px}.app-main .scenario-grid{grid-template-columns:1fr}.footer nav{font-size:12px;gap:20px}.landing-hero h1{font-size:34px}.cost-result{font-size:15px}.info-article{font-size:15px}.template-list article>div:last-child{justify-content:flex-start}}