.workflow-home,.workflow-catalog{padding-top:24px}
.workflow-home .explore-heading{margin-bottom:22px}
.workflow-home .explore-heading h1,.workflow-catalog h1{font-size:36px;margin:10px 0}
.workflow-launch{width:100%;min-height:285px;text-align:left;grid-template-columns:1.1fr 1fr}
.workflow-launch .feature-copy{padding:26px;gap:12px;grid-column:1;grid-row:1;min-width:0}
.workflow-launch .feature-world{grid-column:2;grid-row:1;height:auto;min-height:100%;background:none}
.workflow-launch .feature-title{font-size:32px;line-height:1.18}
.workflow-launch .feature-world>.lesson-world{inset:14px 16px 14px 0;width:auto;height:auto;transform:none;border-radius:24px}
.workflow-launch .math-cover-art{object-fit:cover;padding:0}
.workflow-launch .feature-world>.bio-mira{width:45%;height:75%;right:-2%;bottom:-5%}
.workflow-subjects{margin:40px 0}
.workflow-subjects .subject-picker{max-width:none;margin-bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.workflow-subjects .subject-picker button{min-width:0}
.workflow-book{padding:22px 26px;border:1px solid var(--line);border-radius:24px;background:var(--paper,#fff)}
.workflow-book-overview{display:flex;align-items:center;gap:20px;min-width:0}
.workflow-book-overview>img{display:block;width:56px;height:80px;object-fit:contain;flex:none;filter:drop-shadow(2px 4px 4px #18352b18)}
.workflow-book-overview>div{min-width:0;flex:1}
.workflow-book h2{display:flex;align-items:center;gap:10px;font-size:23px;line-height:1.3;margin:0 0 8px}
.workflow-book-count{font-size:13px;line-height:1.5;font-weight:700;min-width:25px;padding:2px 7px;border-radius:9px;text-align:center;background:var(--lavender);color:var(--deep)}
.workflow-book p{margin:0;font-size:14px;line-height:1.6;color:var(--muted)}
.workflow-book-overview>.quiet{flex:none;font-size:14px}
.workflow-recall{margin:18px 0 0;border-top:1px solid var(--line);padding-top:10px}
.workflow-recall summary{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;list-style:none;font-size:14px;font-weight:700;color:var(--deep)}
.workflow-recall summary::-webkit-details-marker{display:none}
.workflow-recall summary>span{flex:1;min-width:0}
.workflow-recall summary>.icon{width:19px;height:19px;flex:none}
.workflow-recall summary>.icon:last-child{transition:transform .2s;transform:rotate(90deg)}
.workflow-recall[open] summary>.icon:last-child{transform:rotate(-90deg)}
.workflow-recall>div{padding:8px 0 4px 29px;display:flex;gap:18px;align-items:center}
.workflow-recall p{flex:1}
.workflow-recall button{font-size:13px;flex:none}
.workflow-done,.workflow-resume{display:flex;align-items:center;gap:14px;background:#eef7f2;border:1px solid #d2e8dd;color:#245441;padding:16px 20px;border-radius:16px;margin-bottom:20px;line-height:1.6}
.workflow-done{flex-direction:column;align-items:flex-start;gap:4px}
.workflow-resume{font-size:14px;grid-column:1/-1;width:100%;min-width:0;position:relative;flex-wrap:wrap}
.workflow-resume span{flex:1 1 240px;min-width:0;overflow-wrap:anywhere}
.workflow-resume button{flex-shrink:0;min-height:44px}
.workflow-catalog .course-heading{align-items:flex-start;margin-bottom:20px}
.workflow-subject-select{position:relative;min-width:180px}
.workflow-subject-select summary{padding:12px 16px;min-height:44px;cursor:pointer;border:1px solid #dcd5e5;border-radius:14px;background:#fff}
.workflow-subject-select[open]{width:100%}
.workflow-subject-select .subject-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 0;max-width:none}
.workflow-catalog .course-heading:has(.workflow-subject-select[open]){flex-wrap:wrap}
.workflow-catalog .course-context{margin:0 0 16px}
.workflow-catalog .course-toolbar{margin-bottom:10px}
.catalog-preview{display:flex;flex-direction:column}
.catalog-preview .lesson-tile{height:auto;flex:1}
.catalog-preview .preview-control{position:static;display:block;margin:10px 12px 0 auto;max-width:calc(100% - 24px);min-height:44px;padding:8px 12px;font-size:12px;box-shadow:none;border:1px solid #dcd4e7;background:#fff;color:#5a5071;transform:none;opacity:1}
.catalog-preview:hover .preview-control{transform:none}
.lesson-card-action{font-weight:900}
.lesson-focus .bio-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lesson-focus .bio-topline button{min-height:44px;flex-shrink:0;font-size:13px}
.lesson-focus .bio-topline span{text-align:right}
.lesson-focus .workflow-intro{gap:18px;margin-bottom:14px;padding-bottom:0}
.lesson-focus .workflow-intro h1{margin-bottom:10px}
.lesson-focus .workflow-intro .lead{margin-bottom:0}
.lesson-focus .workflow-intro .math-intro-world{aspect-ratio:auto;height:240px;margin:0}
.lesson-focus .workflow-intro .math-intro-world>img:first-child{width:100%;height:100%;object-fit:cover}
.workflow-biology-cover{position:relative;width:100%;height:240px;overflow:hidden;border-radius:20px;background:#e9f0e9}
.workflow-biology-cover>img:first-child{width:100%;height:100%;object-fit:cover}
.workflow-biology-cover>.bio-mira{position:absolute;right:0;bottom:-20px;height:85%;width:auto;object-fit:contain;filter:drop-shadow(0 8px 8px #0002)}
.lesson-focus .workflow-cells-recall{margin-top:24px;gap:16px}
.workflow-time{font-size:13px!important;color:var(--muted);margin:14px 0!important}
.workflow-goals{margin-top:20px}
.workflow-experiment-steps summary,.workflow-piece-picker summary,.workflow-fraction-adjust summary{min-height:44px;padding:10px 14px;cursor:pointer;font-size:13px;font-weight:700;line-height:1.6}
.workflow-experiment-steps ol{padding-left:24px}
.lesson-focus .math-investigate{padding:18px 20px;margin-bottom:20px}
.lesson-focus .math-investigate p{font-size:15px}
.workflow-fractions{display:flex;flex-direction:column;gap:10px}
.workflow-fractions .math-studio{margin:0}
.workflow-fractions .math-equation{margin:0;padding:10px}
.workflow-fractions .math-presets{margin:0}
.workflow-fractions .math-live-description{margin:4px 0!important;font-size:14px!important}
.workflow-fractions .math-presets button{min-width:52px;min-height:44px;padding:8px 12px}
.workflow-fractions .math-presets legend{font-size:13px;line-height:1.5;margin-bottom:8px}
.year-interactive .year-lab-controls{margin-bottom:10px}
.year-interactive .year-lab-controls>div{gap:8px}
.year-interactive .year-lab-controls button{min-height:44px;font-size:13px;padding:9px 12px}
.year-interactive .year-playback{gap:8px}
.year-interactive .year-playback button{min-height:44px;font-size:13px}
.journal-next{display:flex;align-items:center;flex-wrap:wrap;gap:14px;width:100%;border-bottom:1px solid #b8995b55;padding-bottom:20px;margin-bottom:4px}
.journal-next>span,.journal-next>p{width:100%;font-size:15px;margin:0;line-height:1.5}
.journal-review-status{padding:16px 24px;margin:0;background:#fff6;color:#294638;font-size:14px}
.review-dialog{max-width:640px;max-height:90svh;overflow:auto;background:#fff;overscroll-behavior:contain}
.review-dialog .eyebrow{display:inline-block;margin-top:18px}
.review-dialog h2{font-size:29px;margin:18px 0}
.review-dialog .review-prompt{font-size:19px;font-weight:800;line-height:1.6}
.review-dialog input{min-height:48px;font-size:18px}
.review-dialog .bio-choice{min-height:48px;font-size:16px;line-height:1.5}
.review-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}
.review-hint{background:#f3eff9;padding:16px;border-radius:14px}
.review-save{font-size:13px;line-height:1.6}
[data-theme="academy"] .workflow-subject-select summary,[data-theme="academy"] .catalog-preview .preview-control{background:#fbf7ec;color:#234f40;border-color:#d6c79f}
[data-theme="academy"] .workflow-launch .feature-cta{background:#235841;box-shadow:inset 0 -3px #133d2c;color:#fff8e6}
[data-theme="academy"] .workflow-launch .feature-kicker{color:#38624d}
[data-theme="academy"] .review-dialog{background:#fffaf0;color:#253d32}
[data-theme="academy"] .review-hint{background:#e8f1e8}
@media(max-width:700px){
 .workflow-home,.workflow-catalog{padding:20px 16px}
 .workflow-home .explore-heading h1,.workflow-catalog h1{font-size:28px;letter-spacing:-.7px}
 .workflow-home .explore-heading p{font-size:15px}
 .workflow-launch{min-height:240px;grid-template-columns:minmax(0,1fr) 30%;border-radius:24px}
 .workflow-launch .feature-copy{padding:20px 0 20px 18px;gap:10px}
 .workflow-launch .feature-title{font-size:24px;letter-spacing:-.5px}
 .workflow-launch .feature-description{font-size:14px;line-height:1.5}
 .workflow-launch .feature-cta{font-size:13px;padding:13px 14px;gap:8px;border-radius:16px}
 .workflow-launch .feature-world>.lesson-world{inset:12px -70px 12px 10px;border-width:3px;border-radius:80px}
 .workflow-launch .feature-world>.bio-mira{display:none}
 .workflow-subjects{margin:30px 0}
 .workflow-subjects .subject-picker,.workflow-subject-select .subject-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .workflow-subjects .zone-heading{align-items:center;gap:8px}
 .workflow-subjects .zone-heading h2{font-size:23px}
 .workflow-subjects .zone-heading>span{font-size:11px}
 .workflow-book{padding:18px}
 .workflow-book-overview{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px}
 .workflow-book-overview>img{width:44px;height:64px}
 .workflow-book-overview>.quiet{grid-column:1/-1;justify-content:space-between;width:100%}
 .workflow-book h2{font-size:22px}
 .workflow-recall>div{display:block;padding:6px 0}
 .workflow-recall button{margin-top:14px}
 .workflow-catalog .course-heading{flex-wrap:wrap;gap:14px}
 .workflow-catalog .course-heading h1{margin:8px 0}
 .workflow-catalog .course-heading p{font-size:14px}
 .workflow-subject-select{min-width:0}
 .workflow-subject-select summary{font-size:13px;padding:10px 14px}
 .workflow-catalog .course-filters button{font-size:12px;min-height:44px}
 .catalog-preview .preview-control{font-size:11px;margin:8px 4px 0 auto;padding:8px;max-width:calc(100% - 8px)}
 .lesson-focus .bio-topline{font-size:11px;margin-bottom:12px}
 .lesson-focus .bio-topline button{font-size:12px;padding:9px 12px;max-width:65%;white-space:normal}
 .lesson-focus .workflow-intro h1{font-size:30px}
 .lesson-focus .workflow-intro .lead{font-size:17px}
 .lesson-focus .workflow-intro .math-intro-world{height:180px}
 .workflow-biology-cover{height:170px}
 .lesson-focus .workflow-fractions{padding:14px}
 .workflow-fractions .math-play-top{font-size:12px}
 .workflow-fractions .math-equation{font-size:25px}
 .workflow-fractions .math-presets{gap:6px}
 .workflow-fractions .math-presets button{min-width:44px;flex:1}
 .workflow-resume{padding:12px;display:block;font-size:13px}
 .journal-next{display:grid;grid-template-columns:1fr}
 .journal-next button{width:100%}
 .review-dialog{padding:24px 18px;border-radius:20px;width:calc(100% - 20px)}
 .review-actions .primary{width:100%}
}

/* Entry actions precede the illustration in DOM and remain reachable at large text sizes. */
.workflow-intro .bio-controls{margin:16px 0 0}.workflow-intro .bio-controls>span:empty{display:none}
.entry-time{display:none}.completion-actions{display:flex;flex-wrap:wrap;gap:12px;border:1px solid #8da998;border-radius:16px;padding:16px;margin:18px 0;background:var(--surface,#f5faf7)}
.completion-actions h2{font-size:18px;line-height:1.5;margin:0;width:100%}.completion-actions button{min-height:44px}
.bio-page .bio-choice.selected .bio-radio{background:transparent;color:currentColor;border-color:currentColor}
.bio-page .bio-choice.answer-correct .bio-radio{background:#d6eee4;color:#215342}.answer .choice-dot{margin-left:10px;flex:none}
.workflow-cells-recall{scroll-margin-top:90px}
@media(max-width:700px){
 .lesson-focus .workflow-intro{gap:18px}.lesson-focus .workflow-intro .eyebrow{display:none}
 .lesson-focus .workflow-intro h1{font-size:28px;line-height:1.18;margin:0 0 8px}.lesson-focus .workflow-intro .lead{font-size:16px;line-height:1.5}
 .lesson-focus .workflow-intro .bio-controls>.primary{flex:0 0 auto;width:100%;min-height:48px;font-size:16px;padding:12px 16px}
 .lesson-focus .bio-controls{align-items:stretch}.lesson-focus .bio-controls>.primary{flex-basis:auto}
 .lesson-focus .workflow-intro .math-intro-world,.lesson-focus .workflow-biology-cover{height:150px}
 .workflow-launch .feature-copy{padding:16px 0 16px 16px;gap:8px}.workflow-launch .feature-title{font-size:22px}.workflow-home .explore-heading{margin-bottom:12px}
 .arrival .arrival-copy{grid-row:1}.arrival .arrival-world{grid-row:2;min-height:220px}.arrival .arrival-copy h1{font-size:32px;margin:8px 0}.arrival .arrival-copy h2{font-size:23px;margin:8px 0 14px}
 .arrival .arrival-copy>.primary{min-height:48px;font-size:16px;padding:12px 16px}.arrival .arrival-copy>#lesson-next-help{display:none}
 .completion-actions{display:grid;grid-template-columns:minmax(0,1fr)}.completion-actions button{width:100%}
}

/* Selection is not correctness, including the green academy theme. */
.bio-page .bio-choice.selected:not(.answer-correct),.question-card .answer.selected{background:#f0f1f4;border-color:#6b7280;color:#374151}
.bio-page .bio-choice.selected:not(.answer-correct) .bio-radio{color:#374151;border-color:#6b7280;background:transparent}

@media(min-width:701px){.arrival .arrival-copy{grid-column:2;grid-row:1}.arrival .arrival-world{grid-column:1;grid-row:1}}
@media(max-width:700px){.arrival .arrival-copy{order:0;margin-top:0;padding-top:20px}.arrival .arrival-world{order:1}.arrival .arrival-copy>.primary{width:100%}}
