:root{--ink:#17352f;--forest:#184f43;--mint:#dfefe6;--paper:#f3f5ef;--line:#dbe4dc;--amber:#edd284}
body{background:var(--paper);color:#203c34}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ba8316;outline-offset:3px}.topbar{background:#17352f}.brand{letter-spacing:-.04em}.stage{max-width:1600px;padding:24px}.eyebrow{font:700 .72rem/1.4 Barlow,system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#527368}.studio-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:14px 0 22px}.studio-head h1{font:700 2.1rem/1.1 Barlow,system-ui,sans-serif;letter-spacing:-.04em;margin:5px 0}.studio-head p{margin:4px 0;color:#5b7068}.studio-links,.studio-tabs,.lesson-controls{display:flex;flex-wrap:wrap;gap:8px}.studio-tabs{margin-bottom:20px}.studio-tabs button,.studio-links a{border:1px solid var(--line);border-radius:9px;padding:12px 16px;background:white;color:var(--ink);font:600 .95rem Barlow,system-ui;cursor:pointer;text-decoration:none}.studio-tabs [aria-pressed=true]{background:var(--forest);color:#fff}.studio-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}.lesson-rail{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;position:sticky;top:12px}.lesson-rail .field{margin-bottom:16px}.lesson-rail select{font-size:.95rem;width:100%;padding:10px}.lesson-rail ol{list-style:none;padding:0;margin:0}.lesson-rail li{margin:4px 0}.lesson-rail li button{width:100%;text-align:left;display:flex;gap:12px;border:0;border-radius:10px;background:transparent;padding:12px 9px;color:#415f53;cursor:pointer}.lesson-rail li button[aria-current=step]{background:#e3eee4;color:#17352f;box-shadow:inset 3px 0 #568041}.lesson-rail .step-num{font-weight:700;padding-top:2px;opacity:.6}.lesson-rail b{display:block;font-size:.95rem}.lesson-rail small{display:block;margin-top:4px;color:#6c8074}.lesson-controls{border-top:1px solid var(--line);padding-top:15px;margin-top:10px}.lesson-controls .btn{width:100%;font-size:.95rem}.studio-main{min-width:0}.studio-card{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:20px}.studio-card h2{font:700 1.35rem Barlow,system-ui;margin:6px 0 18px;letter-spacing:-.02em}.studio-card h3{font:700 1rem Barlow,system-ui}.facilitation{display:grid;grid-template-columns:1.15fr 1fr;gap:26px}.facilitation ol{padding-left:22px;line-height:1.6}.checkpoint{padding:14px;background:#f6f0df;border-radius:10px;line-height:1.5}.learner-task{border-left:1px solid var(--line);padding-left:24px}.learner-task ul{padding-left:20px;line-height:1.55}.learner-task li{margin:7px 0}.preview-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.preview-label a{font-size:.9rem}.review-mode{background:#fff1c9;border:1px solid #ddc68c;border-radius:12px;padding:14px 18px;margin-bottom:18px;color:#604e21}.lesson-slide{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;color:var(--ink)}.lesson-slide>header,.lesson-slide>footer{display:flex;justify-content:space-between;gap:20px;padding:18px 24px;align-items:center}.lesson-slide>header{border-bottom:1px solid var(--line)}.lesson-slide>footer{background:#edf3ee;font-size:.8rem;color:#4f6b5d}.lesson-time{font-size:.8rem;color:#5b7068;white-space:nowrap}.slide-grid{display:grid;grid-template-columns:1.15fr 1fr;min-height:390px}.slide-visual{background:#dfe7df;min-width:0;display:flex;align-items:center;justify-content:center}.slide-visual>*{width:100%;margin:0!important}.lesson-media{margin:0}.lesson-media img,.lesson-media video{display:block;width:100%;height:380px;object-fit:contain;background:#122921}.lesson-media figcaption{padding:10px 15px;font-size:.75rem;line-height:1.4;background:#f0f4ef;color:#4f685c}.slide-copy{padding:32px;display:flex;flex-direction:column;justify-content:center}.slide-challenge{font-size:.9rem;color:#677b70;margin:0 0 12px}.slide-copy h1{font:700 clamp(1.7rem,2.4vw,2.7rem)/1.05 Barlow,system-ui;letter-spacing:-.04em;margin:0 0 22px}.slide-prompt{font-size:clamp(1.1rem,1.5vw,1.5rem);line-height:1.45;margin:0 0 24px}.slide-action{padding:14px 16px;border-radius:10px;background:#e4efdc;color:#315225;font-weight:600;line-height:1.4}.slide-hint{font-size:.95rem;line-height:1.5}.slide-visual .learning-photo{border:0}.slide-visual .learning-crop{aspect-ratio:1.4}.slide-visual .course-outcome{padding:18px}.slide-visual .course-outcome>ul{display:none}.slide-visual .course-outcome>h3{margin:5px 0 12px}.slide-visual .learning-photo small{font-size:.68rem}.slide-visual .reveal-board{padding:12px}.slide-visual .reveal-board p{font-size:.8rem;line-height:1.4}.measure-board{padding:25px;background:#e4eee4}.floor-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.floor-pair b{font-size:.85rem}.floor-rectangle{background:repeating-linear-gradient(0deg,transparent,transparent 19px,#ffffff44 20px),repeating-linear-gradient(90deg,#2d5a4b,#2d5a4b 19px,#ffffff44 20px);border:2px solid #17352f;aspect-ratio:1/2;margin-top:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;border-radius:6px}.floor-rectangle strong{font:700 2.3rem Barlow,system-ui}.floor-rectangle span{font-size:1rem}.area-total{font-size:1.3rem}.measure-board p{font-size:.8rem;line-height:1.4}.media-picker{display:flex;gap:12px;align-items:center;margin-top:14px}.media-picker select{min-width:0;flex:1;padding:10px;border:1px solid var(--line);border-radius:8px}.status-pill{font-size:.8rem;background:var(--mint);color:var(--forest);padding:6px 10px;border-radius:20px}.evidence-grid{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:20px}.evidence-grid .class{grid-template-columns:1fr}.lcard{cursor:pointer;text-align:left}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px}.resource-grid figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.resource-grid img{width:100%;height:200px;object-fit:cover}.resource-grid figcaption{padding:12px;font-size:.85rem}.resource-grid a{display:block;color:inherit;text-decoration:none}.learner-cue{background:#e6eee4;padding:14px 20px;border-bottom:1px solid var(--line)}.learner-cue b{display:block;margin:4px 0}.learner-cue p{margin:0;font-size:.9rem}.sync-note{padding:12px;background:#fff2cf;border-radius:8px;font-size:.9rem}.pbody .lesson-media{margin:15px 0}.pbody .lesson-media img{height:290px}.phone .journey{margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0}.phone .journey-visual{max-height:120px}.phone .journey-text{padding:12px}.phone .journey h3{font-size:1rem}.phone .journey p{font-size:.75rem;margin:5px 0}.presentation-page{background:#102c25;margin:0;padding:0}.presentation-bar{display:flex;align-items:center;justify-content:space-between;color:#ddede2;padding:12px 24px;font:500 .85rem Barlow,system-ui}.presentation-bar button{padding:8px 14px;background:#dceaac;color:#183c2e;border:0;border-radius:6px;cursor:pointer}.presentation-page main{max-width:1800px;margin:auto;padding:0 20px 20px}.presentation-page .lesson-slide{border:0;min-height:calc(100vh - 70px);display:flex;flex-direction:column}.presentation-page .slide-grid{flex:1;min-height:0}.presentation-page .lesson-media img,.presentation-page .lesson-media video{height:calc(100vh - 220px);min-height:320px;max-height:1000px}.presentation-page .slide-copy{padding:clamp(24px,4vw,75px)}.presentation-page .slide-copy h1{font-size:clamp(2rem,4.3vw,5.8rem)}.presentation-page .slide-prompt{font-size:clamp(1.2rem,2.1vw,2.6rem)}.presentation-page .slide-action{font-size:clamp(1rem,1.6vw,1.8rem)}.presentation-page .lesson-time,.presentation-page .eyebrow{font-size:clamp(.8rem,1.2vw,1.2rem)}.presentation-page .lesson-slide>footer{font-size:1rem}.presentation-page .learning-crop{aspect-ratio:1}.presentation-page .floor-rectangle{max-height:48vh}.presentation-page .floor-rectangle strong{font-size:4rem}.presentation-page .floor-rectangle span{font-size:1.7rem}.presentation-page .area-total{font-size:2rem}.presentation-message{color:white;max-width:600px;padding:60px 30px}.presentation-message a{color:#cee995}.presentation-error{color:#ffdc94}.resource-video{width:100%;max-height:65vh}.support-note{font-size:.9rem;color:#5a7063;line-height:1.5}.panel{border-radius:14px}.panel>h2{background:#e6eee0}.btn{background:#275e45}.btn.ghost{color:#275e45}.compact-evidence .panel{margin-bottom:18px}
@media(max-width:1050px){.studio-layout{grid-template-columns:235px minmax(0,1fr)}.facilitation{grid-template-columns:1fr}.learner-task{border:0;border-top:1px solid var(--line);padding:16px 0 0}.slide-grid{grid-template-columns:1fr}.slide-copy{padding:24px}.lesson-media img,.lesson-media video{height:320px}.presentation-page .slide-grid{grid-template-columns:1fr 1fr}.presentation-page .lesson-media img,.presentation-page .lesson-media video{min-height:240px}.presentation-page .slide-copy{padding:24px}}
@media(max-width:700px){.stage{padding:14px}.studio-head{align-items:flex-start;flex-direction:column}.studio-layout,.evidence-grid{grid-template-columns:1fr}.lesson-rail{position:static}.lesson-rail ol{display:grid;grid-template-columns:1fr 1fr}.studio-card{padding:18px}.studio-tabs button{padding:10px}.presentation-page .slide-grid{grid-template-columns:1fr}.presentation-page .lesson-media img,.presentation-page .lesson-media video{height:40vh}.presentation-page .lesson-slide>footer{font-size:.8rem}.presentation-bar{padding:12px}.lesson-slide>header,.lesson-slide>footer{padding:14px}.slide-visual .learning-crop{aspect-ratio:1.5}}
@media print{.topbar,.studio-tabs,.studio-links,.lesson-controls,.media-picker,.connection{display:none}.studio-layout{display:block}.lesson-rail{display:none}.studio-card,.lesson-slide{break-inside:avoid}.facilitation{display:block}}