html[data-sgk-grade="6"][data-sgk-unit="3"] .lesson-garden{background:linear-gradient(125deg,#f1f8e8,#edf8f4);border:1px solid #c9dfc5;border-radius:24px;padding:24px;margin:18px 0;color:#214b3c;display:grid;grid-template-columns:170px 1fr;gap:22px;align-items:center}
.lesson-garden svg{width:160px;max-width:100%;display:block;margin:auto;animation:garden-arrive .35s ease-out}
.lesson-garden h2{margin:6px 0;font-size:25px}.lesson-garden p{line-height:1.6;margin:8px 0}.lesson-garden small{display:block;line-height:1.5}.garden-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.garden-actions button,.garden-toggle{min-height:44px;border-radius:14px;padding:10px 16px;border:1px solid #b4cdb7;background:white;color:#24513e;cursor:pointer}.garden-actions .garden-primary{background:#286648;color:white;border-color:#286648;font-weight:700}.garden-stages{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.garden-stages span{font-size:12px;border-radius:20px;padding:5px 9px;background:#fff9; color:#526855}.garden-stages .reached{background:#d5e9bc;color:#21472e}.garden-stages [aria-current]{outline:2px solid #377c4c}.garden-care{background:#fff6de;border-radius:12px;padding:10px}.garden-save-warning{color:#8a2d15;font-weight:700}.garden-step-note{display:block;font-size:12px;color:#486452;margin-top:6px}
html[data-sgk-grade="6"][data-sgk-unit="3"] #tabs.garden-tabs-collapsed>button:not(.active):not([data-tab="lesson"]):not([data-tab="teacher"]){display:none!important}
.garden-toggle{margin:8px 0}.garden-step-current{outline:3px solid #438b59;outline-offset:2px}
@keyframes garden-arrive{from{transform:translateY(5px);opacity:.6}to{transform:translateY(0);opacity:1}}
@media(max-width:600px){html[data-sgk-grade="6"][data-sgk-unit="3"] .lesson-garden{grid-template-columns:1fr;padding:18px;gap:8px}.lesson-garden svg{width:110px}.lesson-garden h2{font-size:21px}.garden-actions button{flex:1}}
@media(prefers-reduced-motion:reduce){.lesson-garden svg{animation:none}}
/* Focused lesson view, scoped to the Grade 6 Unit 3 prototype. */
body.garden-simple .hero,body.garden-simple .ribbon,body.garden-simple #coursePill,body.garden-simple #mastery,body.garden-simple #lessonScopeBanner,body.garden-simple #lessonMissionGuide,body.garden-simple #lessonOfficialNav,body.garden-simple .lesson-callout,body.garden-simple #lessonPlanFocus,body.garden-simple .lesson-source-badge{display:none!important}
body.garden-simple #study{margin-top:12px}
body.garden-simple .lesson-source-head{display:none!important}
body.garden-simple:not(.garden-activities-open) #lessonTaskGrid,body.garden-simple:not(.garden-activities-open) #lessonRoute,body.garden-simple #tabs.garden-tabs-collapsed{display:none!important}
body.garden-simple #tabs.garden-tabs-collapsed{content-visibility:hidden!important;max-height:0!important;min-height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;border:0!important}
body.garden-simple .dialogue-line{display:block!important;padding:12px!important}
body.garden-simple .dialogue-line>b{display:block;margin-bottom:6px}
body.garden-simple .dialogue-line .karaoke-en{font-size:18px!important;line-height:1.6!important}
body.garden-simple .dialogue-line .karaoke-en span{display:inline!important;font-size:inherit!important;line-height:inherit!important}
body.garden-simple .dialogue-line small{font-size:14px!important;line-height:1.5!important}
body.garden-simple .lesson-garden{display:block!important;background:#f5faf2;border-radius:18px;padding:16px 20px;margin:8px 0 0}
body.garden-simple .garden-simple-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.garden-simple .lesson-garden h2{font-size:22px;margin:4px 0;line-height:1.35}
body.garden-simple .garden-tree-details{position:relative;flex-shrink:0}
body.garden-simple .garden-tree-details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:14px}
body.garden-simple .garden-tree-expanded{position:absolute;right:0;top:44px;background:#fff;border:1px solid #d3e2cb;border-radius:16px;padding:18px;width:min(280px,70vw);box-shadow:0 8px 28px #244c3820;z-index:20;text-align:center}
body.garden-simple .garden-tree-expanded svg{width:140px}
body.garden-simple .garden-actions{margin-top:8px}
body.garden-simple .garden-care{font-size:14px;margin:6px 0;padding:8px 12px}
body.garden-simple .garden-toggle{background:transparent;border:0;text-decoration:underline;font-size:14px;margin:0 0 8px;padding-left:0}
.garden-course-chooser>summary{display:none}
body.garden-simple .garden-course-chooser{margin:8px 0}
body.garden-simple .garden-course-chooser>summary{display:list-item;cursor:pointer;color:#315b48;padding:10px 4px;font-size:14px}
body.garden-simple .garden-course-chooser .catalog-head,body.garden-simple .garden-course-chooser #gradePicker,body.garden-simple #lessonMapHint{display:none!important}
body.garden-simple .garden-progress-details{font-size:14px;color:#486452;margin:12px 0}
body.garden-simple .garden-progress-details>summary{cursor:pointer;min-height:36px}
.garden-vocab-options>summary{display:none}
body.garden-simple .garden-vocab-options>summary{display:list-item;cursor:pointer;font-size:14px;padding:8px 0;color:#486452}
body.garden-simple [data-panel="vocab"]>.panel-card:first-child{padding:10px 16px;margin-bottom:8px}
body.garden-simple [data-panel="vocab"]>.panel-card:nth-child(2)>h3,body.garden-simple [data-panel="vocab"]>.panel-card:nth-child(2)>.sub{display:none}
body.garden-simple .g6u3-recall-main>.meta span:not(:first-child){display:none}
body:not(.garden-simple) .garden-vocab-options{display:contents}
@media(max-width:600px){body.garden-simple .lesson-garden{padding:12px}body.garden-simple .lesson-garden h2{font-size:19px}}
body.garden-simple.garden-primary .garden-actions button,body.garden-simple.garden-primary .exercise button,body.garden-simple.garden-primary .input{min-height:48px;font-size:18px}
body.garden-simple.garden-primary .g6u3-recall-main .prompt{font-size:24px;line-height:1.5}
body.garden-simple.garden-primary .garden-round-finish{padding:16px;line-height:1.6}
body.garden-simple.garden-primary .garden-round-finish button{display:block;margin:12px 0;min-height:48px}
body.garden-simple .garden-next-footer{margin:24px 0 8px;padding:20px;border:1px solid #cbdcc4;background:#f4f9ef;border-radius:18px}
body.garden-simple .garden-next-footer p,body.garden-simple .garden-progress-brief{font-size:14px;line-height:1.6}
body.garden-simple .garden-next-footer button{min-height:48px}
/* Readable learning surface: keep the current task prominent and choices nearby. */
body.garden-simple{background:#f1f7f4!important;color:#24483b}
body.garden-simple main{width:100%;max-width:1040px;margin-inline:auto;padding:0 20px 28px;box-sizing:border-box}
body.garden-simple #study,body.garden-simple .panel,body.garden-simple .panel-card{min-width:0}
body.garden-simple .panel-card{background:#fff!important;border:1px solid #d6e4dc!important;border-radius:20px!important;box-shadow:0 3px 14px #24483b08!important}
body.garden-simple .panel-card p{line-height:1.65}
body.garden-simple .lesson-garden{padding:14px 18px!important;border:1px solid #cee3d4;border-left:5px solid #4c9b70;background:#edf7ee!important}
body.garden-simple .lesson-garden h2{font-size:24px!important;color:#214d3a}
body.garden-simple .garden-toggle{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px!important;border:1px solid #c9dcd0;background:#fff;border-radius:12px;text-decoration:none;font-weight:600;margin:10px 0}
body.garden-simple #tabs button[disabled]{display:none!important}
body.garden-simple #tabs{gap:8px!important;padding:12px!important;background:#f7faf8!important;border:1px solid #d6e4dc!important;box-shadow:none!important}
body.garden-simple #tabs button{min-height:44px;font-size:15px!important;border-radius:12px!important}
body.garden-simple [data-panel="practice"]>.panel-card:first-child{padding:12px 18px!important;margin-bottom:12px!important}
body.garden-simple #study [data-panel="practice"]>.panel-card:first-child{background:#fff!important;background-image:none!important}
body.garden-simple [data-panel="practice"]>.panel-card:first-child>h3,body.garden-simple [data-panel="practice"]>.panel-card:first-child>p{display:none!important}
body.garden-simple .garden-practice-chooser>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#2b6247;list-style:none}
body.garden-simple .garden-practice-chooser>summary::before{content:'＋';font-size:21px}
body.garden-simple .garden-practice-chooser[open]>summary::before{content:'−'}
body.garden-simple .garden-practice-chooser .activity-grid{margin-top:12px}
body.garden-simple #activityStageCard{padding:20px!important}
body.garden-simple #activityStage button,body.garden-simple .q-options button,body.garden-simple .options button{min-height:46px;line-height:1.45}
body.garden-simple :is(button,input,textarea,select,summary):focus-visible{outline:3px solid #d4a12d!important;outline-offset:3px}
body.garden-simple .garden-next-footer{background:#edf7ee;border-color:#c9dfcf}
body.garden-simple .garden-next-footer button{background:#286648;color:#fff;border-color:#286648;border-radius:12px;padding:12px 20px;font-size:17px;font-weight:700}
@media(max-width:600px){body.garden-simple main{padding:0 12px 20px}body.garden-simple .panel-card,body.garden-simple #activityStageCard{padding:16px!important}body.garden-simple .lesson-garden h2{font-size:21px!important}body.garden-simple .garden-simple-heading{gap:8px}body.garden-simple #activityGrid{grid-template-columns:minmax(0,1fr)!important}}

/* Source reading tables: day cards wrap on small screens without horizontal scrolling. */
.primary-reading-table{padding:16px;border:1px solid #c8e2d6;border-radius:16px;background:#f6fbf8;color:#173d32}
.primary-reading-table h4{margin:0 0 8px;font-size:1.1rem}
.primary-week-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}
.primary-week-cell{display:flex;flex-direction:column;gap:8px;background:#fff;padding:12px;border:1px solid #d5e7df;border-radius:12px;min-width:0}
.primary-week-cell>b{color:#215d4c}.primary-week-cell label{display:flex;flex-direction:column;gap:6px}
.primary-week-cell label>span{font-size:.8rem}.primary-week-cell input{width:100%;min-width:0;box-sizing:border-box;min-height:44px;font-size:1rem;background:#fff;color:#173d32}
.primary-week-cell input:focus-visible{outline:3px solid #267a63;outline-offset:2px}
.primary-week-cell input[aria-invalid="true"]{border-color:#a13d2d}
.primary-week-cell small{font-size:.85rem;line-height:1.4}.primary-reading-table .row{flex-wrap:wrap}
@media(max-width:420px){.primary-week-grid{grid-template-columns:1fr}.primary-reading-table{padding:12px}}

.primary-reading-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin:16px 0}
.primary-reading-choices figure{margin:0;background:#fff;border:1px solid #d5e7df;border-radius:12px;padding:10px;min-width:0;text-align:center}
.primary-reading-choices figcaption{font-weight:800;font-size:1.1rem;color:#215d4c;margin-bottom:6px}
.primary-reading-choices img{display:block;width:100%;max-height:165px;object-fit:contain}
.primary-week-cell select{width:100%;min-width:0;box-sizing:border-box;min-height:44px;font-size:1rem;background:#fff;color:#173d32}
.primary-week-cell select:focus-visible{outline:3px solid #267a63;outline-offset:2px}
.primary-week-cell select[aria-invalid="true"]{border-color:#a13d2d}

.primary-reading-choices-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.primary-reading-choices-wide{grid-template-columns:1fr}}

.primary-reading-options p{margin:4px 0;line-height:1.5;font-size:1rem;overflow-wrap:anywhere}

.primary-reading-source-plate{margin:16px 0}.primary-reading-source-plate img{display:block;width:100%;height:auto;border-radius:12px}.primary-reading-source-plate figcaption{font-size:.9rem;margin-top:6px}.primary-reading-source-plate a:focus-visible{outline:3px solid #175f45;outline-offset:4px;display:block}

.primary-source-listening{padding:16px;border:1px solid #b9d6c6;border-radius:14px;background:#f4faf6}.primary-source-listening audio{width:100%;max-width:100%;min-width:0}.primary-source-listening .primary-week-cell{min-width:0}.primary-source-listening select{min-height:44px;width:100%;max-width:100%}

.primary-listening-pictures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.primary-listening-pictures figure{margin:0;min-width:0}.primary-listening-pictures img{width:100%;height:auto;display:block;border-radius:10px}.primary-listening-pictures figcaption{font-weight:700;text-align:center}

.primary-listening-pictures.single-picture{grid-template-columns:minmax(0,1fr)}
.primary-listening-pictures svg{display:block;width:100%;height:auto;aspect-ratio:470.25/328;overflow:hidden}
.primary-listening-playlist{margin:16px 0}

@media(max-width:620px){.primary-listening-pictures{grid-template-columns:minmax(0,1fr)}}

.primary-week-cell .primary-completion-image{display:block;width:240px;max-width:100%;height:150px;object-fit:contain;margin:8px auto 12px}

.primary-reading-completion .primary-week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-reading-completion .primary-week-cell label>span{font-size:1rem}.primary-reading-completion .primary-completion-image{width:100%;max-width:360px;height:auto;max-height:200px;object-fit:contain}@media(max-width:620px){.primary-reading-completion .primary-week-grid{grid-template-columns:minmax(0,1fr)}}

.primary-reading-completion svg.primary-completion-image{overflow:hidden;max-height:none}
