.trilogy-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.trilogy-nav>a{display:grid;grid-template-columns:45px 1fr 20px;gap:4px 12px;background:var(--white);padding:22px 22px 18px;border:1px solid var(--line);border-radius:11px;transition:.16s;align-items:center}.trilogy-nav>a:hover{border-color:#7f987e;background:#eef0e6}.trilogy-nav>a.active{background:var(--ink);color:#fffced;border-color:var(--ink)}.step-number{font-family:Georgia,serif;font-style:italic;font-size:31px;color:#a1ae94;align-self:start;line-height:1.4}.active .step-number{color:#f0b47d}.trilogy-nav strong{display:block;font-size:17px}.trilogy-nav small{display:block;font-size:11px;line-height:1.7;opacity:.72;margin-top:4px}.trilogy-nav em{grid-column:2/4;font-size:10px;font-style:normal;opacity:.55;margin-top:5px}.nav-arrow{font-size:20px;align-self:start}.active .nav-arrow{color:#efa86f}.lesson{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:34px;scroll-margin-top:20px;box-shadow:0 5px 20px #243d2510}.lesson-heading{display:flex;align-items:center;gap:28px;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:28px}.stage-tag{font-size:11px;color:#b45831;font-weight:700;letter-spacing:.04em}.lesson-heading h2{font-size:27px;line-height:1.5;letter-spacing:-.03em;margin:9px 0}.lesson-heading p{font-size:13px;color:var(--muted);max-width:750px}.jump-prompt{white-space:nowrap;font-size:12px;border-bottom:1px solid #a6b39c;padding-bottom:4px}.jump-prompt:hover{color:#af502b}.lesson-columns{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:38px;align-items:start}.lesson-main,.lesson-visual{min-width:0}.lesson-visual{padding-left:28px;border-left:1px solid var(--line)}.io-row{display:grid;grid-template-columns:1fr 16px 1fr;gap:16px;margin-bottom:26px}.io-row>div>span{font-size:11px;font-weight:700;color:#8b744d}.io-row p{font-size:13px;line-height:1.85;margin-top:5px;color:#566b5b}.io-arrow{align-self:center;color:#9aa68f}.reading-label{font-size:11px;font-weight:700;letter-spacing:.05em;margin:0 0 13px;color:#788772}.tips-grid{display:flex;flex-direction:column;gap:17px;margin-bottom:26px}.tip{display:grid;grid-template-columns:28px 1fr;gap:0 12px}.tip-number{grid-row:1/3;align-self:start;font-family:Georgia,serif;font-size:15px;font-style:italic;border:1px solid #dbe2d3;color:#738367;border-radius:50%;width:27px;height:27px;text-align:center;line-height:25px}.tip h3{font-size:16px;line-height:1.7;margin-bottom:3px}.tip p{font-size:13px;color:#61725f;line-height:1.9}.prompt-section{background:#e9ede1;border:1px solid #d5deca;border-left:4px solid #2f5445;padding:22px;border-radius:0 10px 10px 0;scroll-margin-top:30px}.prompt-heading{display:flex;align-items:start;flex-direction:column;gap:16px}.prompt-heading h3{font-size:18px;line-height:1.6;margin:4px 0 7px}.prompt-heading p:not(.eyebrow){font-size:12px;color:#61705d;line-height:1.8}.prompt-heading .eyebrow{color:#6b7d63;font-size:10px}.prompt-heading .button{min-height:44px}.prompt-details{border-top:1px solid #ccd7c3;margin-top:18px;padding-top:12px}.prompt-details summary{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:#5a6f56}.prompt-details summary small{font-size:10px;color:#79866f}.prompt-details summary>span:last-child{margin-left:auto;font-size:18px}.prompt-details[open] summary>span:last-child{transform:rotate(45deg)}.prompt-text{font-family:inherit;font-size:13px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;margin:16px 0 0;background:#fffef9;border:1px solid #d9dfd1;border-radius:8px;max-height:520px;overflow:auto;color:#3e5b4b}.optional-area{margin-top:18px}.help-details{border-bottom:1px solid var(--line);padding:14px 0}.help-details>summary{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-weight:600}.help-details>summary>span:last-child{font-size:18px;color:#8a997f}.help-details[open]>summary>span:last-child{transform:rotate(45deg)}.help-details>p,.edit-example,.minor-intro{font-size:12px;color:#64775e;line-height:1.9;margin-top:14px}.edit-example{padding:15px;background:#f1f1e7;border-radius:8px}.simple-checks{padding-left:20px;font-size:12px;color:#5d715a;line-height:2.1}.optional-prompt{margin-top:20px}.optional-prompt .prompt-heading h3{font-size:15px}.optional-prompt .prompt-heading p{font-size:11px}.optional-prompt .button{font-size:12px}.canvas-lesson .section-heading{display:block;margin:0 0 16px}.canvas-lesson h3{font-size:20px;line-height:1.55;margin:8px 0 10px;letter-spacing:-.02em}.canvas-lesson .eyebrow{font-size:10px;color:#7d8b6d}.simulation-label{display:inline-block;border:1px solid #d8bf96;background:#fcf0de;border-radius:4px;font-size:10px;padding:2px 7px;color:#8d6b39}.demo-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:12px}.demo-tabs button{display:flex;align-items:center;gap:7px;flex:1;justify-content:center;white-space:nowrap;border:0;background:#efefe6;border-radius:5px;padding:9px 5px;font-size:11px}.demo-tabs button.active{background:#deba7a;color:#302d1b;font-weight:650}.demo-tabs button:hover{background:#ead6af}.demo-tabs button span{font-size:10px;opacity:.65}.demo-image-button{border:1px solid #26352b;border-radius:9px;display:block;width:100%;padding:0;background:#161616;position:relative;overflow:hidden}.demo-image-button>span:first-child{display:block}.zoom-hint{position:absolute;bottom:12px;right:11px;background:#ebd8ad;color:#2c3427;border:1px solid #c6ab70;font-size:10px;padding:4px 8px;border-radius:5px;box-shadow:0 2px 8px #0004}.demo-image-button:hover .zoom-hint{background:#ffedbd}.demo-caption{display:flex;gap:10px;font-size:12px;line-height:1.95;color:#4e6755;margin-top:14px;min-height:70px}.demo-caption>b{font-family:Georgia,serif;color:#b5713b;font-size:21px;line-height:1.5}.demo-note{font-size:10px;color:#8b9382;line-height:1.85;margin-top:6px}.example-box{padding:23px;background:#f2f1e8;border:1px solid #e0e1d4;border-radius:10px;margin-top:26px}.example-tag{font-size:10px;color:#a56b39;font-weight:650;letter-spacing:.05em}.example-box h3{font-size:16px;line-height:1.7;margin:7px 0}.example-box small{font-size:10px;color:#929883}.example-box>p{font-size:12px;color:#5d715d;line-height:1.95;border-top:1px solid #dcdfd0;padding-top:17px;margin-top:16px}.asset-types{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin:-5px 0 24px;font-size:10px;color:#6b7e62}.asset-types>span{padding:5px 0}.asset-types b{color:#355943;font-size:12px;margin-right:8px}.structure-strip{border:1px solid #dfdfd3;border-radius:8px;padding:16px;margin:4px 0 22px;background:#f5f4eb}.structure-strip>strong{font-size:12px;font-weight:650}.structure-strip>div{display:grid;grid-template-columns:1fr 10px 1fr;gap:12px 8px;margin-top:14px}.structure-strip>div>i:nth-child(4){display:none}.structure-strip b,.structure-strip small{display:block;font-size:11px}.structure-strip small{font-size:10px;color:#859179;margin-top:3px}.structure-strip i{font-style:normal;color:#9ca78f}.structure-strip>p{font-size:10px;color:#829077;margin-top:13px}.fix-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.fix-tabs button{padding:6px 9px;border:1px solid var(--line);background:var(--white);border-radius:5px;font-size:11px}.fix-tabs button.active{background:var(--ink);color:#fff}.fix-workbench [role=tabpanel]>p{font-size:12px;color:#65785f;line-height:1.8;margin:12px 0}.fix-direction{padding:12px;background:var(--sage);border-radius:7px}.handoff{margin-top:32px;padding-top:25px;border-top:1px solid var(--line);display:flex;gap:35px;align-items:center;justify-content:space-between}.handoff small{font-size:10px;color:#8c7550}.handoff p{font-size:12px;color:#6f7e64;max-width:650px;margin-top:5px}.handoff .button{font-size:12px}.canvas-bridge{margin-top:54px;padding:34px 36px;border-radius:16px;background:#e3e8d8;border:1px solid #d2dcc5;scroll-margin-top:25px}.section-heading{display:flex;align-items:center;gap:24px;justify-content:space-between}.canvas-bridge h2{font-size:27px;line-height:1.5;margin-top:10px}.bridge-flow{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr;gap:24px;margin:28px 0}.bridge-flow>div{border-top:1px solid #b9c6ad;padding-top:17px}.bridge-flow span{font-size:10px;color:#728066}.bridge-flow h3{font-size:19px;margin:6px 0 9px}.bridge-flow p{font-size:12px;color:#617458;line-height:1.9}.bridge-flow>i{font-size:20px;font-style:normal;align-self:center;color:#8e9f80}.bridge-bottom{border-top:1px solid #c5d0bb;padding-top:20px}.bridge-bottom>p{font-size:12px;line-height:1.9;color:#5e7055}.bridge-bottom details{margin-top:18px;font-size:12px}.bridge-bottom dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;padding:18px;background:#f1f3e8;border-radius:10px}.bridge-bottom dt{font-weight:650;margin-bottom:3px}.bridge-bottom dd{margin:0;color:#6d7c61;font-size:12px;line-height:1.85}.canvas-dialog{width:min(1220px,96vw);max-width:96vw;padding:18px;max-height:94vh}.canvas-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px;font-size:14px}.canvas-dialog-top button{border:0;background:none;font-size:29px;line-height:1;padding:5px 10px}.canvas-dialog-body{overflow:auto;max-height:75vh;border-radius:10px;background:#171717}.canvas-dialog-body .canvas-screen{min-width:900px}.canvas-dialog>p{font-size:11px;color:var(--muted);margin-top:12px}
@media(max-width:1100px){.lesson{padding:26px}.lesson-columns{gap:25px;grid-template-columns:1.05fr 1fr}.lesson-visual{padding-left:22px}.trilogy-nav>a{padding:18px 16px;grid-template-columns:36px 1fr 15px;gap:4px 9px}.trilogy-nav strong{font-size:15px}.trilogy-nav small{font-size:10px}.step-number{font-size:27px}.canvas-lesson h3{font-size:18px}.demo-tabs button{font-size:10px;gap:4px;padding:8px 4px}.canvas-bridge h2{font-size:24px}.bridge-flow{gap:16px}.prompt-section{padding:18px}.lesson-heading h2{font-size:25px}}
@media(max-width:850px){.lesson-columns{display:block}.lesson-visual{padding-left:0;border-left:0;border-top:1px solid var(--line);margin-top:30px;padding-top:26px}.lesson-visual .section-heading{display:flex;align-items:center}.example-box{display:grid;grid-template-columns:.75fr 1.2fr;gap:26px}.example-box>p{margin-top:0;border-top:0;border-left:1px solid var(--line);padding-top:0;padding-left:25px}.prompt-heading{flex-direction:row;align-items:center;gap:22px;justify-content:space-between}.prompt-heading>div{min-width:0}.tip p{font-size:14px}.tip h3{font-size:17px}.io-row p{font-size:14px}.demo-tabs button{font-size:13px;padding:11px}.demo-caption{font-size:14px;min-height:0}.demo-note{font-size:11px}.canvas-lesson h3{font-size:22px}.structure-strip>div{grid-template-columns:1fr 12px 1fr 12px 1fr 12px 1fr}.structure-strip>div>i:nth-child(4){display:block}.handoff{gap:20px}.bridge-flow{grid-template-columns:1fr 15px 1fr 15px 1fr;gap:14px}.bridge-flow h3{font-size:17px}}
@media(max-width:600px){.trilogy-nav{gap:7px;margin-bottom:16px}.trilogy-nav>a{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 10px;border-radius:8px}.step-number{font-size:22px;line-height:1.2}.trilogy-nav strong{font-size:12px;white-space:nowrap;margin-top:3px}.trilogy-nav small,.trilogy-nav em,.nav-arrow{display:none}.lesson{padding:21px 18px;border-radius:12px}.lesson-heading{display:block;margin-bottom:22px;padding-bottom:20px}.lesson-heading h2{font-size:23px;margin:8px 0 11px;line-height:1.5}.lesson-heading p{font-size:12px;line-height:1.9}.stage-tag{font-size:10px}.jump-prompt{display:inline-block;margin-top:14px;font-size:11px}.io-row{gap:11px;grid-template-columns:1fr 10px 1fr;margin-bottom:24px}.io-row p{font-size:12px;line-height:1.9}.io-row>div>span{font-size:10px}.reading-label{font-size:10px}.tips-grid{gap:19px}.tip{gap:0 10px;grid-template-columns:23px 1fr}.tip-number{width:22px;height:22px;line-height:20px;font-size:12px;margin-top:3px}.tip h3{font-size:15px}.tip p{font-size:12px;line-height:1.95}.prompt-section{padding:17px;border-left-width:3px}.prompt-heading{flex-direction:column;align-items:flex-start;gap:14px}.prompt-heading h3{font-size:17px;line-height:1.6}.prompt-heading p:not(.eyebrow){font-size:11px}.prompt-heading .button{width:100%;font-size:13px}.prompt-details summary{font-size:11px;gap:4px 8px}.prompt-details summary small{font-size:9px}.prompt-text{padding:14px;font-size:12px;max-height:440px}.help-details>summary{font-size:11px}.lesson-visual .section-heading{display:block}.canvas-lesson h3{font-size:19px}.demo-tabs{gap:5px}.demo-tabs button{font-size:10px;padding:9px 4px}.demo-tabs button span{font-size:9px}.demo-caption{font-size:12px;line-height:1.9}.demo-note{font-size:10px}.example-box{display:block;padding:19px;margin-top:22px}.example-box>p{border:0;border-top:1px solid var(--line);margin-top:13px;padding:14px 0 0;font-size:12px}.example-box h3{font-size:15px}.asset-types{gap:3px 10px;font-size:9px}.asset-types b{font-size:11px}.structure-strip{padding:13px}.structure-strip>div{grid-template-columns:1fr 10px 1fr;gap:12px 7px}.structure-strip>div>i:nth-child(4){display:none}.handoff{display:block;margin-top:25px;padding-top:20px}.handoff .button,.handoff>a{margin-top:18px}.handoff p{font-size:11px}.canvas-bridge{padding:25px 22px;margin-top:32px;border-radius:12px}.canvas-bridge h2{font-size:22px;margin-top:9px}.bridge-flow{display:block;margin:24px 0}.bridge-flow>div{padding:15px 0}.bridge-flow>i{display:block;font-size:15px;transform:rotate(90deg);width:18px;margin:0 auto}.bridge-flow span{font-size:10px}.bridge-flow h3{font-size:18px}.bridge-flow p{font-size:12px}.bridge-bottom>p{font-size:11px}.bridge-bottom details{font-size:11px}.bridge-bottom dl{display:block;padding:16px}.bridge-bottom dl>div+div{margin-top:15px}.bridge-bottom dd{font-size:11px}.canvas-dialog{padding:12px;border-radius:12px}.canvas-dialog-body .canvas-screen{min-width:860px}.canvas-dialog>p{font-size:10px}.canvas-dialog-top{font-size:12px}.canvas-dialog-body{max-height:70vh}}
/* Comfortable reading sizes: the detail stays in the fold, not in tiny text. */
.lesson-heading p{font-size:14px}.io-row p{font-size:14px}.tip p{font-size:14px}.prompt-heading p:not(.eyebrow){font-size:13px}.demo-caption{font-size:13px}.example-box>p{font-size:13px}.help-details>summary{font-size:13px}.trilogy-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){.lesson-heading p{font-size:13px}.io-row p{font-size:13px}.tip p{font-size:14px}.tip h3{font-size:16px}.prompt-heading p:not(.eyebrow){font-size:12px}.help-details>summary{font-size:12px}.demo-caption{font-size:13px}.example-box>p{font-size:13px}.prompt-text{font-size:13px}.tip{gap:0 9px}}
@media(max-width:360px){.trilogy-nav>a{padding:12px 8px}.trilogy-nav strong{font-size:11px;white-space:normal}.hero h1{font-size:30px}.lesson{padding:19px 15px}.lesson-heading h2{font-size:21px}.asset-types{grid-template-columns:1fr}.demo-tabs button{font-size:9px}.demo-tabs button span{display:none}}

/* Desktop reading scale: enlarge the content together with its working area. */
.canvas-bridge{background:var(--white);border-color:var(--line)}
@media(min-width:1001px){
 .trilogy-nav{gap:18px;margin-bottom:28px}.trilogy-nav>a{padding:26px 28px;grid-template-columns:50px 1fr 24px;gap:6px 17px}.step-number{font-size:38px}.trilogy-nav strong{font-size:23px}.trilogy-nav small{font-size:var(--support)}.trilogy-nav em{font-size:15px;opacity:.72}.nav-arrow{font-size:24px}
 .lesson{padding:42px;border-radius:15px;box-shadow:none}.lesson-heading{padding-bottom:30px;margin-bottom:34px;gap:40px}.stage-tag{font-size:15px}.lesson-heading h2{font-size:36px;line-height:1.5;margin:12px 0}.lesson-heading p{font-size:var(--reading);max-width:1220px}.jump-prompt{font-size:16px}
 .lesson-columns{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px}.lesson-visual{padding-left:32px}.io-row{gap:22px;margin-bottom:34px}.io-row>div>span{font-size:15px}.io-row p{font-size:var(--reading);line-height:1.85;margin-top:8px}
 .reading-label{font-size:15px;margin-bottom:20px}.tips-grid{gap:25px;margin-bottom:34px}.tip{grid-template-columns:34px 1fr;gap:0 16px}.tip-number{font-size:18px;width:33px;height:33px;line-height:31px;margin-top:3px}.tip h3{font-size:23px;line-height:1.6;margin-bottom:6px}.tip p{font-size:var(--reading);line-height:1.85}
 .prompt-section{padding:28px}.prompt-heading{gap:20px}.prompt-heading h3{font-size:25px}.prompt-heading .eyebrow{font-size:13px}.prompt-heading p:not(.eyebrow){font-size:var(--support)}.prompt-heading .button{font-size:var(--support);min-height:50px}.prompt-details summary{font-size:var(--support)}.prompt-details summary small{font-size:14px}.prompt-text{font-size:var(--reading);padding:24px;max-height:650px}
 .help-details{padding:20px 0}.help-details>summary{font-size:var(--support)}.help-details>p,.edit-example,.minor-intro,.simple-checks{font-size:var(--support)}.optional-prompt .prompt-heading h3{font-size:22px}.optional-prompt .prompt-heading p,.optional-prompt .button{font-size:var(--support)}
 .canvas-lesson h3{font-size:27px;line-height:1.6}.canvas-lesson .eyebrow{font-size:14px}.simulation-label{font-size:13px;padding:3px 9px}.demo-tabs{gap:8px;padding-bottom:14px;margin-bottom:16px}.demo-tabs button{font-size:var(--support);padding:12px 8px;gap:8px}.demo-tabs button span{font-size:14px}.zoom-hint{font-size:14px;padding:6px 10px}.demo-caption{font-size:var(--reading);line-height:1.85;gap:15px;margin-top:20px;min-height:0}.demo-caption>b{font-size:27px}.demo-note{font-size:14px;margin-top:14px}
 .example-box{padding:28px;margin-top:32px}.example-tag{font-size:14px}.example-box h3{font-size:23px}.example-box small{font-size:14px}.example-box>p{font-size:var(--reading);line-height:1.9;margin-top:20px;padding-top:20px}
 .asset-types{font-size:var(--support);gap:9px 18px;margin-bottom:30px}.asset-types b{font-size:var(--reading)}.structure-strip{padding:24px;margin-bottom:30px}.structure-strip>strong{font-size:var(--support)}.structure-strip>div{gap:18px 12px}.structure-strip b{font-size:var(--support)}.structure-strip small,.structure-strip>p{font-size:15px}
 .fix-tabs{gap:9px}.fix-tabs button{font-size:15px;padding:9px 13px}.fix-workbench [role=tabpanel]>p{font-size:var(--support)}
 .handoff{margin-top:40px;padding-top:30px}.handoff small{font-size:14px}.handoff p{font-size:var(--support);max-width:1100px}.handoff .button{font-size:var(--support)}
 .canvas-bridge{padding:42px 48px;margin-top:58px}.canvas-bridge h2{font-size:36px}.bridge-flow{gap:32px;margin:34px 0}.bridge-flow span{font-size:14px}.bridge-flow h3{font-size:27px;margin:10px 0 13px}.bridge-flow p{font-size:var(--reading)}.bridge-bottom>p,.bridge-bottom details,.bridge-bottom dd{font-size:var(--support)}.bridge-bottom dl{padding:24px;gap:22px 40px}
 .canvas-dialog{width:min(1500px,96vw);padding:24px}.canvas-dialog-top{font-size:20px}.canvas-dialog>p{font-size:15px}
}
@media(min-width:1800px){
 .trilogy-nav>a{padding:30px 34px;grid-template-columns:60px 1fr 26px}.trilogy-nav strong{font-size:27px}.step-number{font-size:45px}.trilogy-nav em{font-size:17px}
 .lesson{padding:48px}.lesson-columns{gap:54px}.lesson-visual{padding-left:38px}.lesson-heading h2{font-size:42px}.tip h3{font-size:26px}.canvas-lesson h3{font-size:30px}.prompt-heading h3{font-size:28px}.example-box h3{font-size:26px}.canvas-bridge h2{font-size:40px}
 .demo-note,.example-box small,.bridge-flow span,.prompt-details summary small{font-size:16px}
}
@media(min-width:1001px) and (max-width:1399px){
 .trilogy-nav>a{padding:22px;grid-template-columns:34px 1fr 15px;gap:5px 10px}.step-number{font-size:29px}.trilogy-nav strong{font-size:20px}.trilogy-nav small{font-size:14px}.trilogy-nav em{font-size:13px}.nav-arrow{font-size:20px}
}
@media(min-width:851px) and (max-width:1199px){
 .lesson-columns{display:block}.lesson-visual{border-left:0;padding-left:0;border-top:1px solid var(--line);margin-top:36px;padding-top:30px}.lesson-visual .section-heading{display:flex;align-items:center}.prompt-heading{flex-direction:row;align-items:center;justify-content:space-between}.prompt-heading>div{min-width:0}.demo-caption{min-height:0}
}