/* An open editorial workbench: the learning materials are the primary nodes. */
.workbench-page{background:#fbfaf7}
.page-nav{padding:22px 40px;border-bottom-color:#e5e7dd}
.page-nav a{font-size:15px;color:#4b6358;text-decoration:none}.page-nav a span{margin-left:12px}
.intro{max-width:none;display:grid;grid-template-columns:1.55fr 1fr;gap:70px;align-items:end;padding:54px 26px 42px}
.intro h1{font-size:clamp(38px,3.8vw,62px);font-weight:500;line-height:1.08;letter-spacing:-.055em;max-width:1000px;margin-bottom:0}
.intro h1 em{font-family:"Lora",Georgia,serif;font-weight:400;font-size:.9em;letter-spacing:-.055em;color:#48725a}
.intro-note{border-left:1px solid #cfdbcc;padding:4px 0 3px 28px;max-width:410px}
.intro-note p:first-child{font-size:19px;font-weight:500;letter-spacing:-.02em;margin:0 0 12px}
.intro-note p:nth-child(2){font-size:16px;line-height:1.55;color:#667168;margin:0 0 18px}
.intro-note a{font-size:15px;color:#235f44;text-decoration:none;border-bottom:1px solid #b2c6ae;padding-bottom:4px}
.intro-note a span{margin-left:20px}
.system{border:1px solid #e2e5da;border-radius:12px;background:#fffefa;box-shadow:0 20px 80px -60px #28453135;overflow:clip;scroll-margin-top:18px}
.diagram-toolbar{padding:13px 26px;background:#f1f4ec;border-bottom:1px solid #e2e8db}
.diagram-toolbar p{font-size:15px;color:#44604e}.controls button{box-shadow:none;border-color:#d4dfcf;background:#fafbf6}
.process-story{padding-top:13px;margin:0 26px;border:0}
.story-chapters button{padding:8px 0 10px;font-size:15px;border-bottom-color:#e5e9df}
.story-chapters button span{font-family:inherit;font-size:15px;border-radius:4px;background:transparent;border:0;color:#899584;width:27px;height:27px}
.story-chapters button[aria-pressed=true] span{background:#1d6144;box-shadow:none;border:0;color:#fffdf5}
.story-copy{min-height:84px;padding:15px 0;grid-template-columns:1fr 1.22fr;gap:35px}
#story-title{font-size:24px;max-width:none}#story-detail{font-size:16px;line-height:1.5}
.story-progress{height:2px;background:#edf0e6}
.diagram{margin-top:10px;margin-bottom:14px}
.anchor-surface{fill:transparent;stroke:none}
.object-ground{fill:#e9e8de;opacity:.5}
.anchor-rule{fill:none;stroke:#e2e6da;stroke-width:1}
.revision-foundation{fill:#eff3e7;stroke:#c6d4b8;stroke-width:1.1}
.module-tests .object-ground{fill:#c7d4c3;opacity:.5}.module-ca .object-ground{fill:#e4d6b7}
.module .anchor-rule{transition:stroke .5s}
.module:has(.anchor-surface.is-active) .anchor-rule{stroke:#5a9b6c;stroke-width:2}
.module:has(.anchor-surface.is-active) .object-ground{fill:#d5e4ca}
.label.title{font-size:27px;letter-spacing:-.045em;font-weight:600}
.label-in-tests.title{color:#183a30;text-shadow:none}
.label-in-tests.node-caption,.diagram--phone .label-in-tests.sub{color:#53634f;background:transparent}
.label.node-caption{font-size:15px;color:#566950}
.label.source-row{background:#f4f6ed!important;border-color:#e6ebde!important}
.label.input:not(.left){background:#f4f6ee;border:0;border-radius:4px;box-shadow:none;padding:5px 8px;color:#506049}
.label.caption{background:#fffefa;border-radius:0}
.label-in-confident,.label-in-guessing{font-size:16px}
.box.crafted.green{--badge-fill:#eaf2e1;stroke:#91b47e;filter:none}
.box.crafted.amber{--badge-fill:#faf0d8;stroke:#cbb477;filter:none}
.box.crafted.blue{--badge-fill:#edf4f7;stroke:#9dbbcd;filter:none}
.box.crafted.is-active{filter:drop-shadow(0 4px 6px #33583010)}
.branch-accent{display:none}
.wire{stroke-width:1.6}.wire.ink{stroke:#a2ae9b}.wire.dashed{stroke-dasharray:3 5}
.bridge{fill:#fffefa}.label.sub{background:transparent}
.diagram-footer{background:#f7f8f0;border-top:1px solid #e1e7d8;padding:19px 26px}
.diagram-footer p{color:#4b654f;font-size:15px}
.diagnosis-reading{display:grid;grid-template-columns:.85fr 1.65fr;gap:80px;max-width:1450px;margin:80px auto;padding:0 28px}
.section-lead .eyebrow{font-size:14px;letter-spacing:.07em;margin-bottom:18px}
.section-lead h2{font-size:clamp(30px,3vw,44px);font-weight:500;letter-spacing:-.05em;line-height:1.13;margin:0 0 22px}
.section-lead>p:last-child{font-family:"Lora",Georgia,serif;font-size:17px;line-height:1.7;color:#64705f;max-width:380px}
.outcome-readings{display:grid;grid-template-columns:1fr 1fr;gap:32px 38px}
.outcome-explanation{border-top:2px solid #c1d3b7;padding-top:20px}
.outcome-explanation.repair,.outcome-explanation.learn{border-top-color:#b7ccda}.outcome-explanation.verify{border-top-color:#d8c392}
.outcome-pair{display:flex;gap:12px;font-size:15px;color:#6a7865;align-items:center}
.outcome-pair b{font-weight:500;color:#1b6545;padding:3px 9px;background:#eaf1e1;border-radius:4px}
.repair .outcome-pair b,.learn .outcome-pair b{background:#e9f1f6;color:#326d94}.verify .outcome-pair b{background:#f8edd3;color:#896126}
.outcome-explanation h3{font-size:22px;font-weight:500;letter-spacing:-.025em;line-height:1.3;margin:15px 0 9px}
.outcome-explanation p{font-size:16px;line-height:1.55;color:#63715e;margin:0 0 18px;max-width:350px}
.next-step{font-size:15px;color:#296646}.repair .next-step,.learn .next-step{color:#326d94}.verify .next-step{color:#896126}
.effort-reading{max-width:1450px;margin:0 auto 60px;border-top:1px solid #dbe3d3;padding:40px 28px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:55px}
.effort-number{display:block;font-size:15px;color:#709367;margin-bottom:18px}
.effort-reading h3{font-size:22px;font-weight:500;letter-spacing:-.035em;margin:0 0 12px}
.effort-reading p{font-size:16px;line-height:1.6;color:#68755f;margin:0;max-width:400px}
.closing{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dbe3d3;padding:28px 26px;margin:0 0 22px;text-align:left;font-size:16px}
.closing strong{font-family:"Bricolage Grotesque",sans-serif;font-weight:500;font-size:24px;font-style:normal;letter-spacing:-.035em;color:#31583f}
@media(max-width:1199px){.intro{gap:35px;grid-template-columns:1.3fr 1fr}.intro h1{font-size:43px}.story-copy{grid-template-columns:1fr;gap:7px;min-height:128px}.diagnosis-reading{gap:40px}.label.title{font-size:25px}.module .object-ground{opacity:.4}.diagram--phone .label-in-tests.sub{color:#56664f}}
@media(max-width:700px){.intro{display:block;padding:35px 16px 30px}.intro h1{font-size:39px;max-width:550px}.intro h1 br{display:block}.intro-note{border-left:0;padding:22px 0 0;max-width:520px}.intro-note p:first-child{display:none}.intro-note p:nth-child(2){font-size:16px;margin-bottom:15px}.page-nav{padding:19px 20px}.page-nav a{max-width:145px;line-height:1.4;text-align:right}.page-nav a span{display:none}.eyebrow{font-size:13px;letter-spacing:.07em}.process-story{margin:0 16px}.story-chapters{gap:5px 10px}.story-chapters button{min-height:44px;font-size:15px;gap:5px}.story-copy{min-height:176px;align-content:center;gap:10px}#story-title{font-size:23px}#story-detail{font-size:15px}.label.title{font-size:23px}.label-in-confident,.label-in-guessing{font-size:15px}.label.node-caption{font-size:15px}.diagram-toolbar{padding:11px 15px}.diagram-footer{padding:18px}.diagnosis-reading{display:block;margin:48px auto;padding:0 16px}.section-lead h2{font-size:36px}.section-lead>p:last-child{max-width:none;margin-bottom:30px}.outcome-readings{gap:28px 24px}.outcome-explanation h3{font-size:22px}.outcome-explanation p{font-size:16px}.outcome-pair{gap:8px}.effort-reading{grid-template-columns:1fr;gap:30px;margin-bottom:36px;padding:30px 16px 0}.effort-number{float:left;width:36px;margin:4px 0 0}.effort-reading h3,.effort-reading p{margin-left:36px;max-width:none}.closing{padding:24px 16px;display:block;font-size:15px}.closing strong{display:block;margin-top:12px;font-size:26px}}
@media(max-width:419px){.intro h1{font-size:35px}.outcome-readings{grid-template-columns:1fr}.section-lead h2{font-size:32px}.outcome-explanation{padding-top:17px}.outcome-explanation p{max-width:none}.diagram--phone .label.node-caption{font-size:15px}}
@media(prefers-reduced-motion:reduce){.module .anchor-rule{transition:none}}
@media(min-width:1200px) and (max-width:1399px){.label.input:not(.left){padding-left:2px;padding-right:2px}}
