@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";:root{--navy:#142e42;--ink:#263b47;--gold:#a97d38;--cream:#f7f3eb;--sage:#dde7dc;--line:#dddcd3}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font:16px/1.6 DM Sans,system-ui,sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--navy);background:var(--navy);color:#fff;border-radius:6px;padding:12px 20px;font-weight:600}button:disabled{opacity:.5;cursor:default}a{color:inherit}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible){outline-offset:4px;outline:3px solid #bf8b31}header{border-bottom:1px solid var(--line);background:#fcfaf5;justify-content:space-between;align-items:center;padding:20px 5%;display:flex}.brand{letter-spacing:6px;color:var(--navy);font:34px Georgia,serif;text-decoration:none}.brand span{letter-spacing:2px;font:9px/1.5 system-ui;display:block}.headerRight{align-items:center;gap:25px;font-size:12px;display:flex}.pill{background:#f4eddf;border:1px solid #d8c9ac;border-radius:30px;padding:5px 12px;font-size:12px;display:inline-block}.landing{grid-template-columns:1fr 1fr;gap:5%;max-width:1500px;margin:auto;padding:65px 5%;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#80612d;font-size:11px;font-weight:700}h1{color:var(--navy);letter-spacing:-1px;margin:20px 0 24px;font:clamp(40px,5vw,72px)/1.06 Libre Caslon Display,Georgia,serif}h1 em{color:#8b662f;font-weight:400}h2{margin:8px 0 18px;font:28px/1.2 Libre Caslon Display,Georgia,serif}h3{margin:6px 0 10px;font-size:16px}p{margin:0 0 16px}.lead{color:#53636a;max-width:790px;font-size:18px}.cover{align-self:center;margin:0}.cover img{border-radius:8px;width:100%;box-shadow:0 20px 45px #132e421c}.cover figcaption{letter-spacing:2px;padding:16px 0;font-size:10px}.joinBox{border:1px solid var(--line);background:#fff;border-radius:10px;margin:28px 0;padding:24px}.inline{gap:10px;margin:8px 0 12px;display:flex}input{text-transform:uppercase;letter-spacing:2px;border:1px solid #9baaa9;border-radius:5px;width:100%;min-width:0;padding:12px}label{font-size:14px;font-weight:600}.fine{color:#596971;margin-top:12px;font-size:12px;line-height:1.6}.actions{flex-wrap:wrap;gap:12px;display:flex}.secondary{color:var(--navy);background:0 0;border-color:#a3b0b6}.textbutton{color:var(--navy);background:0 0;border:0;padding:6px;font-size:13px}.sessionbar{background:var(--navy);color:#fff;letter-spacing:1px;justify-content:space-between;align-items:center;padding:10px 5%;font-size:12px;display:flex}.sessionbar button{color:#fff}.workspace{grid-template-columns:240px 1fr;max-width:1600px;margin:auto;display:grid}aside{border-right:1px solid var(--line);padding:35px 22px}nav{margin:24px 0}nav button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;gap:12px;margin-bottom:6px;padding:12px;font-size:13px;display:flex}nav button.active{background:var(--navy);color:#fff}nav button span{color:#bc9756}nav button:disabled{opacity:1}.asideNote{border-top:1px solid var(--line);padding:20px 10px;font-size:13px;line-height:1.9}.lesson{min-width:0;padding:35px 5%}.lessonTop{justify-content:space-between;align-items:center;gap:12px;display:flex}.lesson h1{font-size:clamp(36px,4.5vw,60px)}.grid,.three,.four{gap:20px;margin:24px 0;display:grid}.grid{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:26px}.joinCard{text-align:center}.qr{width:170px;height:170px}.sessionCode{letter-spacing:5px;margin:8px 0;font-size:32px;font-weight:700}.story{object-fit:contain;background:#e6dece;border-radius:8px;width:100%;max-height:620px;display:block}.caption,.caption h3{font-size:13px}.callout{background:var(--sage);border-left:4px solid #668371;border-radius:0 8px 8px 0;margin:24px 0;padding:24px}.assignment{background:var(--navy);color:#fff;border-radius:10px;max-width:950px;margin:25px 0;padding:32px;font-size:19px}.assignment .eyebrow{color:#e7c386}.assignment h2{margin-top:14px;font-size:34px}.tabs{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.tabs button{color:var(--navy);background:0 0;border-color:#aab7ba}.tabs .selected,.choice.selected{background:#f3e8ce;border:2px solid #a77a30}.learnerhead{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:15px;padding:18px 0;display:flex}.learnerhead h2,.learnerhead p{margin:0}.learnerhead p{font-size:13px}.learnerhead .pill{margin-left:auto}.avatar{color:#325449;background:#dfe8e2;border-radius:50%;place-items:center;width:50px;height:50px;font:28px Georgia;display:grid}blockquote{border-left:3px solid #bf9959;margin:20px 0;padding-left:20px;font:24px/1.5 Georgia,serif}.choices{gap:10px;margin:20px 0;display:grid}.choice{text-align:left;color:var(--navy);background:#fff;border:1px solid #bec8ca;align-items:center;gap:16px;padding:18px;font-weight:500;display:flex}.choice span{background:#e9eeec;border-radius:50%;flex:0 0 30px;place-items:center;height:30px;font-weight:700;display:grid}.choice:disabled{opacity:1}.scaffold{background:#f1f6f2;border:1px dashed #82988c;margin-top:20px;padding:18px;font-size:14px}details{margin:20px 0;font-size:14px}summary{cursor:pointer;margin-bottom:12px;font-weight:600}textarea{border:1px solid #9baaa9;border-radius:6px;width:100%;min-height:190px;margin:10px 0;padding:16px;line-height:1.8}.controls{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:30px;padding:25px 0;display:flex}.controls span{font-size:13px}.sitefoot{border-top:1px solid var(--line);justify-content:space-between;padding:24px 5%;font-size:12px;display:flex}.facilitator{background:#e9e3d7;border-radius:8px;margin:25px 0;padding:22px;font-size:14px}.error{color:#7b3028;background:#f7e3dc;border-radius:5px;padding:16px}.saved{color:#335c43;min-height:20px;font-size:13px}.results{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;padding:24px;display:grid}.results>.eyebrow{grid-column:1/-1}.barrow{align-items:center;gap:10px;margin:8px 0;font-size:13px;display:flex}.track{background:#eceee9;border-radius:3px;flex:1;height:12px;overflow:hidden}.track>div{background:#668371;height:100%}.resultGroup{padding:8px}.resultGroup strong{min-width:20px}@media (max-width:850px){.landing{grid-template-columns:1fr;padding-top:35px}.cover{margin-top:25px}.workspace{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);padding:15px 5%}aside>.eyebrow,.asideNote{display:none}nav{gap:6px;margin:0;display:flex;overflow:auto}nav button{white-space:nowrap;flex:none;width:auto;padding:8px}nav button span{display:none}.lesson{padding:25px 5%}.four{grid-template-columns:1fr 1fr}.headerRight .pill{display:none}.grid,.three{grid-template-columns:1fr}.story{max-height:none}.sessionbar{gap:12px;font-size:10px}.sitefoot{gap:15px}.inline{flex-direction:column}.results{grid-template-columns:1fr}.learnerhead .pill{margin-left:0}.lessonTop{align-items:flex-start}}@media print{header,aside,.sessionbar,.controls,.sitefoot,button{display:none!important}.workspace{display:block}.lesson{padding:0}.card{break-inside:avoid}}.portrait{background-image:url(/assets/learners.png);background-size:200% 200%;border:2px solid #e3d8c1;border-radius:50%;flex:none;width:44px;height:44px;display:inline-block}.portrait.large{width:86px;height:86px}.portraitTabs button{align-items:center;gap:10px;padding:8px 16px 8px 8px;display:flex}.switchLabel{color:#53636a;margin:15px 0 0;font-size:13px}.portraitTabs{margin-top:8px}.journey{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0 12px;display:grid}.journey>div{border:1px solid var(--line);color:#697578;background:#eeece5;border-radius:7px;align-items:center;gap:10px;padding:12px;font-size:12px;display:flex}.journey strong{font:28px Georgia}.journey .current{background:var(--navy);color:#fff;border-color:var(--navy)}.journey .passed{color:#3e594c;background:#e2e9e1}.journey p{color:#53636a;grid-column:1/-1;margin:3px 0;font-size:13px}.storyReminder{border:1px solid var(--line);background:#fffcf6;border-radius:8px;margin:16px 0 26px;padding:10px 14px}.storyReminder summary{align-items:center;gap:16px;margin:0;font-weight:400;list-style:none;display:flex}.storyReminder summary>img{border-radius:4px;width:110px}.storyReminder small{color:#647275;margin-top:3px;display:block}.expandLabel{white-space:nowrap;margin-left:auto;font-size:12px}.storyReminder[open]>.story{margin-top:20px}.captureQuestion{margin:25px 0}.teachingAnalysis{background:#e9eee8;border-radius:8px;padding:18px}.decisionBridge{background:#e7eee7;border-radius:8px;margin:22px 0;padding:20px 24px}.decisionBridge p{margin:7px 0 0}.visualDetails{margin:20px 0}.supportSheet{background:#fffef9;border:1px solid #d5cdbb;border-radius:5px;margin:18px 0;padding:28px;font-size:16px;box-shadow:0 6px 18px #142e4209}.sheetTop{letter-spacing:1.3px;color:#755c31;border-bottom:1px solid #ddd6c6;justify-content:space-between;margin-bottom:18px;padding-bottom:12px;font-size:11px;display:flex}.supportSheet h3{margin-bottom:22px;font:28px Georgia}.picturePair{grid-template-columns:1fr 1fr;gap:15px;display:grid}.storyCrop{aspect-ratio:1.5;background-image:url(/assets/the-table.png);background-size:200% 200%;border-radius:5px}.rehearsal{padding-left:24px}.rehearsal li{margin:8px 0}.sentenceStrips p{background:#eaf0e8;border-left:3px solid #799482;margin:8px 0;padding:14px}.supplied,.claimBox,.proposal{background:#f5e9d5;border-left:3px solid #b98534;margin:18px 0;padding:18px}.sheetTable{border:1px solid #b8c5be;border-radius:5px;overflow:hidden}.sheetRow{grid-template-columns:repeat(3,1fr);display:grid}.sheetRow>span{border-top:1px solid #cdd5ce;border-right:1px solid #cdd5ce;min-width:0;padding:18px}.sheetRow>span:last-child{border-right:0}.sheetRow.head{background:#e7ede5;font-size:14px;font-weight:600}.sheetRow.head>span{border-top:0}.writingLine{color:#6b7773;background:repeating-linear-gradient(#0000,#0000 30px,#d8ded5 31px,#0000 32px);min-height:65px;font:italic 12px/2 system-ui;border:0!important;padding:8px 0!important;display:block!important}.supportSheet mark{background:#f5dfba;padding:2px 4px;line-height:1.8}.checkRow{border-bottom:1px solid #cdd5ce;padding:16px}.checkRow:last-child{border:0}.checkRow b{margin-bottom:8px;display:block}.sheetPrompt{margin-top:20px}.exitVisual{border:1px solid #b9c9bf;border-radius:8px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.exitVisual>div{background:#edf2eb;padding:24px}.exitVisual>div+div{background:#edf0f3}.exitVisual footer{background:#fff;grid-column:1/-1;padding:18px;font-size:13px}.resultLabel{margin:14px 0 4px;font-size:12px}.revisionPanel{margin:24px 0}.participantLesson .storyReminder summary>img{width:70px}.participantLesson .journey p{font-size:12px}@media (max-width:650px){.journey{gap:4px}.journey>div{text-align:center;flex-direction:column;gap:3px;padding:9px 4px;font-size:10px}.journey strong{font-size:22px}.storyReminder summary{gap:10px}.storyReminder summary>img{width:80px}.storyReminder small{font-size:11px}.expandLabel{display:none}.supportSheet{padding:16px}.supportSheet h3{font-size:23px}.sheetRow>span{padding:9px;font-size:12px}.sheetRow.head{font-size:12px}.portraitTabs{grid-template-columns:1fr 1fr;display:grid}.portraitTabs button{padding:8px;font-size:13px}.portrait.large{width:65px;height:65px}.exitVisual{grid-template-columns:1fr}.controls{flex-wrap:wrap;gap:12px}.controls button{padding:10px;font-size:12px}.controls>span{display:none}}.lessonReferences{margin:16px 0 26px}.referenceButtons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.referenceButton{text-align:left;color:var(--ink);border:1px solid var(--line);background:#fffcf6;align-items:center;gap:14px;padding:12px 16px;font-weight:400;display:flex}.referenceButton.chosen{border-color:var(--gold);background:#f4eddf}.referenceButton>img{border-radius:4px;width:90px}.referenceButton small{color:#647275;margin-top:3px;font-size:11px;display:block}.referenceButton>span:last-child{margin-left:auto}.referenceButton .taskIcon{color:#8b662f;background:#ede6d7;border-radius:4px;flex:none;place-items:center;width:42px;height:48px;font:40px Georgia;display:grid}.referencePanel{border:1px solid var(--line);background:#fffdf8;border-radius:7px;margin-top:10px;padding:25px}.referencePanel h2{margin-top:14px}.taskChecklist{flex-wrap:wrap;gap:8px;display:flex}.taskChecklist span{background:#e7ede5;border-radius:5px;padding:8px 12px;font-size:13px}.learnerhead{align-items:flex-start}.learnerIdentity{flex:1;min-width:200px}.learnerContext{max-width:720px;margin:10px 0 0}.learnerContext summary{color:#765b2c;margin-bottom:6px;font-size:13px}.learnerhead .learnerContext p{margin:10px 0;font-size:14px;line-height:1.7}.learnerhead .learnerContext p.fine{font-size:12px}.discussionCard details{margin:12px 0 20px}.discussionCard summary{font:26px/1.25 Libre Caslon Display,Georgia,serif}.discussionQuestion{font-size:18px;line-height:1.6}@media (max-width:650px){.referenceButtons{grid-template-columns:1fr 1fr;gap:6px}.referenceButton{flex-wrap:wrap;gap:8px;padding:10px;font-size:12px}.referenceButton>img{width:60px}.referenceButton small{font-size:10px}.referencePanel{padding:18px}.referenceButton .taskIcon{width:32px;height:38px;font-size:30px}.learnerIdentity{min-width:180px}}.workshopDirections{padding-left:22px}.workshopDirections li{margin-bottom:15px}.classStats{grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 12px;display:grid}.classStats>div{background:var(--navy);color:#fff;border-radius:8px;padding:22px}.classStats strong{color:#e4c080;font:44px Georgia;display:block}.classStats span{margin-top:8px;font-size:13px;line-height:1.5;display:block}.classRoster{grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;display:grid}.profileTop{align-items:center;gap:18px;margin-bottom:20px;display:flex}.profileTop h2{margin:0 0 6px}.profileTop p{margin:0;font-size:12px;line-height:1.5}.learnerProfile>p{font-size:15px}.learnerProfile details{border-top:1px solid var(--line);margin-bottom:0;padding-top:16px}.learnerProfile details h3{margin-top:20px;font-size:14px}.learnerProfile details p{font-size:14px}.learnerProfile details summary{color:#765b2c;font-size:13px}@media (max-width:750px){.classStats{grid-template-columns:1fr 1fr}.classStats>div{padding:16px}.classStats strong{font-size:34px}.classRoster{grid-template-columns:1fr}.profileTop{align-items:flex-start}}.codeIntroduction,.warmup{margin:2rem 0}.codeIntroduction .four .card{padding:1.2rem}.codeIntroduction h3{margin-top:.5rem}.presenterCover{border:1px solid var(--line);background:#fff;border-radius:12px;justify-self:center;width:100%;max-width:440px;overflow:hidden}.presenterCover img{aspect-ratio:4/5;object-fit:cover;box-shadow:none;border-radius:0;display:block}.presenterCover figcaption{padding:22px 26px}.presenterCover h2{margin:8px 0}.presenterCover p{margin:0;font-size:14px}.welcomePresenter{align-items:center;gap:30px;margin:10px 0 28px;display:flex}.welcomePresenter>img{object-fit:cover;border:3px solid #e1d4bb;border-radius:12px;flex-shrink:0;width:150px;height:188px}.welcomePresenter h1{margin:12px 0;font-size:clamp(36px,4.3vw,64px)}.welcomePresenter p{color:#53636a;max-width:570px;margin:0}@media (max-width:600px){.welcomePresenter{align-items:flex-start;gap:18px}.welcomePresenter>img{width:80px;height:100px}.welcomePresenter h1{font-size:34px}.welcomePresenter .eyebrow{letter-spacing:1px;font-size:9px}.welcomePresenter p{font-size:13px}.presenterCover{max-width:330px}}.presenterSetup{border:1px solid #d8d9d3;border-radius:16px;margin-top:24px;padding:20px}.presenterSetup select{color:#18333c;width:100%;font:inherit;background:#fff;border:1px solid #aeb6b5;border-radius:8px;margin-top:10px;padding:12px;display:block}.eventMeta{font-weight:600}.welcomePresenter .eventTitle{margin:12px 0;font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.12}.workshopProblem{border-top:1px solid #b8c4c2;margin-top:16px;padding-top:12px}.workshopProblem h2{max-width:30ch;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.2}.stepIntro{background:#edf3f0;border:1px solid #c2d4cd;border-radius:16px;margin:22px 0 32px;padding:24px}.stepIntro h2{font-size:clamp(1.3rem,2.3vw,1.9rem)}.introPrompts{grid-template-columns:1fr 1fr;gap:20px;display:grid}.introPrompts b{color:#285e58;margin-bottom:5px;display:block}.teachingDebrief,.aiWalkthrough{margin:20px 0}.debriefChoices{gap:14px;display:grid}.debriefChoices h3{font-size:1.1rem;line-height:1.5}.aiSequence{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.aiSequence blockquote{margin:12px 0;font-size:1rem;line-height:1.6}.aiSequence .card{min-width:0}.teachingDebrief>button,.aiWalkthrough>button{white-space:normal;text-align:left}@media (max-width:850px){.aiSequence{grid-template-columns:1fr}.introPrompts{grid-template-columns:1fr;gap:0}.stepIntro{padding:18px}}