.how-section{scroll-margin-top:28px}.walkthrough{display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;border:1px solid var(--line);border-radius:24px;padding:30px;background:var(--page)}.lesson-navigation>.eyebrow{margin-bottom:16px}.lesson-steps{list-style:none;padding:0;margin:0;display:grid;gap:8px}.lesson-steps button{width:100%;text-align:left;display:flex;align-items:flex-start;gap:12px;border:1px solid transparent;border-radius:12px;padding:14px 12px;background:transparent;color:var(--secondary);font:inherit;cursor:pointer;min-height:64px}.lesson-steps button:hover{background:var(--soft)}.lesson-steps button[aria-pressed=true]{color:var(--ink);background:var(--soft);border-color:var(--line)}.step-index{font-size:12px;font-variant-numeric:tabular-nums;padding-top:3px;color:var(--link)}.lesson-steps strong{display:block;font-size:16px;font-weight:600}.lesson-steps small{display:block;font-size:13px;line-height:1.45;margin-top:5px}.lesson-content{min-width:0}.scene-heading h3{font-size:27px;max-width:540px}.scene-heading p:not(.eyebrow){font-size:16px;color:var(--secondary);min-height:76px}.scene-heading .eyebrow{font-size:12px;margin-bottom:12px;font-variant-numeric:tabular-nums}.scene-stage{border-radius:18px;background:var(--soft);padding:24px;overflow:hidden}.desk-scene{display:grid;grid-template-columns:minmax(0,.85fr) 38px minmax(0,1fr);align-items:center;gap:8px;min-height:275px}.source-object{border:1px solid var(--line);background:var(--page);border-radius:16px;padding:20px 12px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:16px;transition:opacity .25s}.source-object strong{font-size:15px;font-weight:550;line-height:1.5}.object-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--secondary)}.source-reading{font-size:11px;color:var(--secondary)}.sensor-glyph{width:42px;height:35px;display:flex;align-items:flex-end;gap:5px}.sensor-glyph span{width:10px;border-radius:3px;background:var(--link);height:16px}.sensor-glyph span:nth-child(2){height:26px;opacity:.7}.sensor-glyph span:nth-child(3){height:35px;opacity:.4}.layout-object,.agent-preview{border:1px solid var(--line);background:var(--page);border-radius:20px;padding:14px;box-shadow:0 8px 18px #00000008;min-width:0}.layout-title{display:flex;align-items:center;justify-content:space-between;gap:4px;font-weight:600;font-size:15px;padding:3px 0 12px}.layout-title>span{font-size:10px;color:var(--secondary);font-weight:400}.practice-control{border:1px solid var(--line);border-radius:11px;padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px}.practice-control>span,.draft-tile>span{font-size:11px;color:var(--secondary)}.practice-control>strong{font-size:24px;letter-spacing:-.04em;font-weight:550;font-variant-numeric:tabular-nums}.practice-control small{font-size:10px;color:var(--secondary)}.practice-toggle{width:42px;height:25px;background:#9898a4;border-radius:99px;padding:3px}.practice-toggle>i{display:block;width:19px;height:19px;background:#fff;border-radius:50%;transition:transform .3s}.light-is-on .light-control .practice-toggle{background:#348b68}.light-is-on .light-control .practice-toggle>i{transform:translateX(17px)}.layout-tabs{display:flex;justify-content:space-around;font-size:10px;color:var(--secondary);padding-top:8px}.layout-tabs>span:first-child{color:var(--link)}.signal-path{position:relative;height:2px;background:var(--line)}.signal-arrow{position:absolute;inset:-18px 0 auto;text-align:center;color:var(--secondary);font-size:23px}.signal-dot{position:absolute;left:0;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--link);opacity:0}.practice-actions{display:flex;align-items:flex-start;gap:14px;flex-direction:column;margin-top:16px}.practice-trigger{min-height:44px;font-size:14px;padding:10px 17px}.practice-actions p{font-size:12px;line-height:1.5;color:var(--secondary);margin:0;min-height:36px}.scene-cue{font-size:14px;color:var(--secondary);margin:18px 0;min-height:44px}.lesson-transport{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:16px}.lesson-transport[hidden]{display:none}.lesson-transport button{border:0;background:var(--soft);color:var(--link);padding:10px 12px;border-radius:10px;min-height:44px;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.lesson-transport button:disabled{opacity:.4;cursor:default}.lesson-transcript{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;font-size:15px}.lesson-transcript summary,.developer-note summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:var(--link)}.lesson-transcript ol{padding-left:24px;max-width:760px}.lesson-transcript li{padding-left:6px;margin-bottom:24px}.lesson-transcript h4{font-size:17px;margin:0 0 8px}.lesson-transcript p{margin:0;color:var(--secondary)}.developer-note{border-top:1px solid var(--line);font-size:14px;margin-bottom:12px}.developer-note p{padding-bottom:12px;color:var(--secondary)}.intro-next{display:flex;align-items:center;flex-wrap:wrap;gap:10px 26px;margin-top:28px}.intro-next p{margin:0}.intro-next+.fine{margin-top:18px;max-width:760px}.agent-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center;min-height:290px}.agent-brief{border:1px solid var(--line);border-radius:14px;padding:16px;background:var(--page);font-size:14px}.agent-brief>p{margin:12px 0 20px}.agent-check{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--secondary)}.check-dot{width:7px;height:7px;border-radius:50%;background:var(--link);flex:none}.draft-grid{display:grid;grid-template-columns:1fr;gap:10px}.draft-tile{border-radius:10px;border:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:8px;min-width:0}.draft-tile strong{font-size:23px;font-weight:550;letter-spacing:-.025em}.draft-tile small{font-size:10px;color:var(--secondary)}.agent-receipt{font-size:10px;color:var(--secondary);padding:12px 2px 0;min-height:42px}.scene-disclosure{font-size:12px;color:var(--secondary);margin:18px 0 0}.parts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px;margin:0 0 24px}.parts-grid>div{padding:24px 0;border-top:1px solid var(--line)}.parts-grid dt{font-size:21px;font-weight:600;letter-spacing:-.02em}.parts-grid dd{margin:8px 0 0;color:var(--secondary);font-size:16px}.motion-credit{margin-top:24px}.walkthrough[data-phase="0"] .source-object{opacity:.48}.walkthrough[data-phase="4"] .draft-temperature strong{font-size:32px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.walkthrough button:focus-visible{outline:3px solid var(--link);outline-offset:3px}.walkthrough:not(.is-enhanced) .lesson-steps button{cursor:default}.walkthrough:not(.is-enhanced) .practice-trigger{display:none}
@media(max-width:900px){.walkthrough{grid-template-columns:1fr;gap:22px;padding:24px}.lesson-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.lesson-steps button{flex-direction:column;gap:5px;padding:10px;min-height:88px}.lesson-steps small{display:none}.lesson-steps strong{font-size:14px}.walkthrough[data-walkthrough="agent"] .lesson-steps{grid-template-columns:repeat(5,minmax(0,1fr))}.scene-heading p:not(.eyebrow){min-height:0}.scene-stage{padding:22px}.desk-scene,.agent-scene{max-width:560px;margin:auto}.lesson-navigation>.eyebrow{margin-bottom:8px}}
@media(max-width:480px){.walkthrough{padding:18px;border-radius:18px;gap:18px}.walkthrough[data-walkthrough="agent"] .lesson-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.scene-heading h3{font-size:24px}.scene-stage{padding:12px}.desk-scene{grid-template-columns:minmax(0,.85fr) 18px minmax(0,1fr);gap:4px;min-height:270px}.layout-object,.agent-preview{padding:9px}.practice-control{padding:9px}.practice-control>strong{font-size:22px}.source-object{padding:14px 8px}.source-object strong{font-size:12px}.source-reading{font-size:10px}.signal-arrow{font-size:17px;inset:-13px 0 auto}.layout-title{font-size:13px}.layout-title>span{font-size:9px}.lesson-transport{gap:5px;flex-wrap:wrap}.lesson-transport button{font-size:12px;padding:10px}.agent-scene{grid-template-columns:1fr;gap:14px}.agent-brief{font-size:13px}.agent-brief>p{margin-bottom:12px}.agent-preview{max-width:220px;width:100%;justify-self:center}.parts-grid{grid-template-columns:1fr}.intro-next{align-items:flex-start;flex-direction:column}.scene-cue{min-height:0}}
@media(prefers-reduced-motion:reduce){.walkthrough *, .walkthrough *::before,.walkthrough *::after{animation:none!important;transition:none!important}.lesson-transport [data-play]{display:none}}
.lesson-steps strong{overflow-wrap:anywhere}