#learning-studio{background:var(--paper);color:var(--ink);margin:0 0 24px;min-width:0;border-bottom:5px solid var(--lime)}
.offline-download{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;padding:16px 20px;background:var(--lime);color:var(--ink);font-size:14px}.offline-download a{font-weight:700;text-underline-offset:3px}.offline-download span{font-size:12px}
.studio-roadmap{position:relative;border:1px solid var(--line);border-radius:0 12px 12px 12px;padding:0 16px;background:#fffdf4}.studio-roadmap::before{content:'';position:absolute;width:62px;height:8px;top:-8px;left:-1px;background:#fffdf4;border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0;pointer-events:none}.studio-roadmap[open]{box-shadow:5px 5px 0 #e2e4d6}.studio-example{box-shadow:5px 5px 0 #d7f772,10px 10px 0 #e8eddf;margin-bottom:25px!important}.teacher-choice{transition:transform 170ms ease,box-shadow 170ms ease,background-color 170ms ease;transform-origin:left center}.teacher-choice[aria-pressed=true]{transform:perspective(900px) rotateY(-3deg) translateX(3px)}.studio-stages button:hover{background:#e8edff}.studio-stages button:focus-visible{outline-color:var(--blue)}
@media(prefers-reduced-motion:reduce){.teacher-choice{transition:none!important;transform:none!important}.studio-example{box-shadow:4px 4px 0 #d7f772}}
@media(max-width:850px){.teacher-choice[aria-pressed=true]{transform:none}}
.studio-header{padding:28px 32px 20px;border-bottom:1px solid var(--line)}.studio-header h3{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(30px,3vw,46px);font-weight:400;line-height:1.12;letter-spacing:-.035em;margin:12px 0;text-wrap:balance}.studio-header>p{max-width:78ch;margin:8px 0;font-size:15px;line-height:1.55}.studio-eyebrow{font-size:11px!important;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.studio-mode-note{font-size:13px!important;padding:10px 12px;background:#e7edff;color:#25345c;border-left:3px solid var(--blue)}
.studio-clock{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;border:1px solid var(--line);background:#e8edff;padding:14px 18px;margin:18px 0}.studio-clock label{font-size:13px;margin:0;flex:1 1 130px}.studio-clock select{display:block;min-height:44px;width:100%;margin-top:6px;background:white;border:1px solid #767b71;padding:8px;font-size:14px}.studio-clock strong{font-size:32px;font-variant-numeric:tabular-nums;color:var(--blue)}.studio-clock button{margin:0;flex:1 1 170px}.studio-clock p,.studio-clock small{flex-basis:100%;font-size:12px;margin:0}
.studio-top-controls{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:20px 32px 10px}.studio-top-controls label{flex:1;max-width:620px;font-size:13px;font-weight:700}.studio-top-controls select,.studio-criteria select{display:block;width:100%;margin-top:8px;min-height:48px;padding:10px 12px;border:1px solid #777d6c;background:white;color:var(--ink);font-size:14px}.studio-progress{font-size:13px;margin:0 0 12px;max-width:24ch}.studio-roadmap{margin:0 32px 20px;font-size:14px}.studio-roadmap summary,.studio-footer summary,.lesson-source-notes summary{cursor:pointer;padding:12px 0;min-height:44px;font-size:14px;font-weight:600}.studio-roadmap ol{columns:2;column-gap:32px;padding-left:22px}.studio-roadmap li{break-inside:avoid}.studio-roadmap button[aria-current]{font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.studio-main{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.5fr);border-top:1px solid var(--line)}.studio-lesson-brief{padding:28px 28px 32px;background:var(--lime);border-right:1px solid var(--line);min-width:0}.studio-lesson-brief>h4{font-family:'DM Serif Display',Georgia,serif;font-size:31px;font-weight:400;line-height:1.13;margin:18px 0}.studio-lesson-brief>p{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.teacher-picker{border:0;border-top:1px solid #899d54;padding:18px 0 0;margin-top:24px;min-width:0}.teacher-picker legend{font-weight:700;font-size:13px;padding:0 8px 0 0}.teacher-choice{display:grid;grid-template-columns:34px 1fr;gap:2px 10px;align-items:center;width:100%;min-height:65px;padding:12px;margin-top:10px;background:transparent;color:var(--ink);border:1px solid #788c45;text-align:left}.teacher-choice[aria-pressed=true]{background:var(--ink);color:white;box-shadow:3px 3px 0 var(--coral)}.teacher-choice strong{font-size:15px}.teacher-choice>span:last-child{grid-column:2;font-size:12px;line-height:1.4}.teacher-initial{grid-row:1/3;border:1px solid currentColor;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-family:Georgia,serif;font-size:20px}.teacher-description{font-size:13px;line-height:1.6;margin:18px 0 0}
.studio-work{padding:28px 32px;min-width:0}.studio-work>h3{font-family:'DM Serif Display',Georgia,serif;font-size:31px;font-weight:400;line-height:1.2;margin:24px 0 20px;text-wrap:balance}.studio-work h4{font-size:17px;margin:22px 0 10px}.studio-work p,.studio-task-steps li{font-size:15px;line-height:1.6}.studio-task-steps{padding-left:22px}.studio-task-steps li{margin:8px 0}.studio-muted{font-size:13px!important;color:#505448}.studio-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.studio-stages button{background:transparent;color:var(--ink);border:0;border-bottom:3px solid var(--line);min-height:48px;font-size:12px;padding:8px 4px}.studio-stages button[aria-current]{border-color:var(--blue);font-weight:700}.studio-example{font-size:18px;line-height:1.6;font-family:Georgia,serif;border-left:4px solid var(--coral);padding:14px 18px;background:white;margin:16px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.studio-primary,.studio-secondary{display:inline-block;min-height:46px;margin:12px 10px 8px 0;padding:12px 17px;border:1px solid var(--ink);font-size:13px;font-weight:700;line-height:1.4;text-align:left}.studio-primary{background:var(--ink);color:white}.studio-secondary{background:white;color:var(--ink)}.studio-primary:hover,.studio-secondary:hover{background:var(--blue);color:white}.studio-primary:disabled,.studio-secondary:disabled{opacity:.45;cursor:not-allowed}.studio-text-button{border:0;background:none;padding:10px 0;margin:3px 14px 3px 0;min-height:44px;text-decoration:underline;text-underline-offset:3px;font-size:13px;text-align:left;color:inherit}
.studio-work label{display:block;font-size:14px;font-weight:700;margin:16px 0 8px}.studio-work textarea{display:block;width:100%;padding:14px;border:1px solid #8b8e80;background:white;color:var(--ink);resize:vertical;font-size:16px;line-height:1.5}.studio-work small,.studio-footer small{display:block;font-size:12px;line-height:1.5;margin:8px 0}.studio-transcript{display:flex;flex-direction:column;gap:12px;margin:18px 0}.studio-counterpart{border-left:3px solid var(--blue);background:#e8edff;padding:14px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.studio-turn{align-self:flex-end;width:92%;padding:12px 16px;background:white;border:1px solid var(--line)}.studio-your-answer{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.studio-turn small{color:#505448;margin:0}.studio-turn button{margin:0;font-size:12px}.studio-scenario{font-weight:600}.studio-notice{font-size:13px!important;color:#253d8d;min-height:20px;margin-top:18px}
.studio-criteria{border:0;padding:0;margin:24px 0}.studio-criteria legend{font-size:17px;font-weight:700}.studio-criteria label{padding:16px 0;border-bottom:1px solid var(--line);margin:0}.studio-criteria label>span{display:block;font-weight:400;margin-top:5px;font-size:13px;line-height:1.5}.studio-attempt{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:14px;background:white;padding:14px;max-height:350px;overflow:auto}.studio-mentor-note{background:var(--lime);padding:16px;margin:18px 0}.studio-next-step{border-left:3px solid var(--coral);padding:12px 16px;background:white;overflow-wrap:anywhere}.studio-council-member{border-top:1px solid var(--line);padding:4px 0}.studio-council-member summary{min-height:44px;padding:12px 0;cursor:pointer;font-size:14px;font-weight:700}.studio-council-member p{font-size:14px}.studio-comparison{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.studio-comparison>section{min-width:0;background:white;padding:16px;border:1px solid var(--line)}.studio-comparison h4{margin-top:0}.studio-comparison p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
.lesson-source-notes{font-size:13px;margin-top:20px}.lesson-source-notes li{margin:12px 0}.lesson-source-notes li p{font-size:12px;color:#505448;margin:5px 0}.lesson-source-notes a{overflow-wrap:anywhere}.studio-footer{padding:20px 32px;border-top:1px solid var(--line);background:#eeefe6}.studio-footer>details+details{border-top:1px solid var(--line);margin-top:12px}.studio-footer p{font-size:13px;line-height:1.6;max-width:90ch}.studio-checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;padding:12px 0}.studio-checkbox-label input{width:20px;height:20px;margin:2px 0;flex:0 0 20px}
@media(max-width:850px){.studio-main{grid-template-columns:1fr}.studio-lesson-brief{border-right:0;border-bottom:1px solid var(--line)}.teacher-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.teacher-description{grid-column:1/-1}.teacher-choice{margin-top:0;grid-template-columns:1fr;align-content:start}.teacher-initial{display:none}.teacher-choice>span:last-child{grid-column:1}.studio-roadmap ol{columns:1}}
@media(max-width:550px){.studio-header,.studio-work,.studio-footer{padding:22px 18px}.studio-top-controls{padding:18px;display:block}.studio-progress{max-width:none;margin:10px 0 0}.studio-roadmap{margin:0 18px 18px}.studio-lesson-brief{padding:22px 18px}.teacher-picker{gap:6px}.teacher-choice{padding:10px 8px;min-height:82px}.teacher-choice>span:last-child{font-size:11px}.studio-stages{grid-template-columns:repeat(2,1fr)}.studio-comparison{grid-template-columns:1fr}.studio-work>h3{font-size:29px}.studio-primary,.studio-secondary{width:100%;margin-right:0}}