/* /interactive/styles.css */
:root{
 --ink:#244d40;--muted:#566459;--paper:#fbf8f0;--line:#e2e5d8;
 --sage:#e5ecdc;--peach:#f8e0d0;--butter:#f7eac2;--lavender:#e9e0ef;--white:#fffdf8;
 --font-body:'Segoe UI',Arial,sans-serif;--font-display:Georgia,'Times New Roman',serif;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-12:48px;
 --radius-card:18px;--radius-control:28px;--control-size:48px;--focus:#985c24;
}
.table-wrap:focus-visible,.hint-text:focus{outline:3px solid var(--focus);outline-offset:3px}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.55 var(--font-body)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.65}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}a{color:inherit}button{border:0;background:none}h1,h2,h3,p{margin-top:0}h1,h2,.display{font-family:var(--font-display);font-weight:400;line-height:1.1}h1{font-size:clamp(36px,4vw,58px);letter-spacing:-1.4px}h2{font-size:30px;letter-spacing:-.6px}h3{font-size:20px;line-height:1.3}small{font-size:13px}.eyebrow{font-size:11px;letter-spacing:1.7px;text-transform:uppercase;font-weight:700;color:var(--muted)}.header{min-height:103px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 42px;border-bottom:1px solid var(--line);background:var(--white)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:23px;font-weight:650;letter-spacing:-.6px}.brand small{display:block;color:var(--muted);font-weight:400;letter-spacing:.15px;font-size:11px;margin-top:3px}.brand-mark{display:grid;place-items:center;position:relative;width:54px;height:54px;background:var(--ink);color:var(--paper);border-radius:17px;font:36px Georgia}.brand-mark>span{position:absolute;font-size:14px;right:5px;top:1px;color:#efbd62}.adult-link{border:1px solid #bdcbbc;border-radius:30px;padding:11px 19px;font-size:13px;font-weight:600}.adult-link span{margin-left:20px}.layout{max-width:1600px;margin:auto;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{padding:35px 23px 0 32px;border-right:1px solid var(--line)}.sidebar>.eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:23px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{text-align:left;padding:14px 11px;border-radius:12px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:12px}.sidebar nav button>span{min-width:1.5em;flex-shrink:0;font-size:18px;text-align:center;font-family:Georgia}.sidebar nav button.active{background:var(--ink);color:#fff8e5}.sidebar nav button:hover:not(.active){background:var(--sage)}.sidebar-note{margin:47px 5px 0;padding:20px;border:1px solid #d9dfcd;border-radius:17px;background:#f0f2e5}.sidebar-note>span{color:#b47d39;font-size:28px}.sidebar-note p{font-family:Georgia;font-size:21px;line-height:1.25;margin:8px 0 13px}.sidebar-note small{color:var(--muted);font-size:12px;line-height:1.6;display:block}.prototype-note{color:var(--muted);font-size:11px;line-height:1.8;margin:30px 24px}main{padding:0 40px 25px;min-width:0}.path-bar{display:flex;justify-content:space-between;align-items:center;padding:23px 0;color:var(--muted);font-size:12px;gap:12px}.path-bar>span::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#769c68;margin-right:8px}.path-bar button{font-size:12px;font-weight:650;text-decoration:underline;text-underline-offset:4px;min-height:44px}.path-picker{background:var(--white);padding:20px;border:1px solid var(--line);border-radius:20px;margin-bottom:22px}.path-picker h2{font-size:26px;margin-bottom:10px}.path-picker p{font-size:13px;color:var(--muted)}.path-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.path-option{text-align:left;border:1px solid var(--line);padding:15px;border-radius:14px;min-height:120px}.path-option strong{font-size:19px;display:block}.path-option span,.path-option small{display:block;font-size:12px;margin-top:5px}.path-option[aria-pressed=true]{background:var(--sage);border-color:#6f8e68}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:25px;background:var(--sage);border-radius:25px;padding:35px 34px;min-height:322px}.hero .eyebrow{margin-bottom:16px}.hero h1{margin-bottom:19px;overflow-wrap:anywhere}.hero p:not(.eyebrow){color:#526b58;font-size:14px;max-width:330px;margin-bottom:22px}.hero-art{position:relative;min-width:0}.scene{width:100%;height:auto;display:block}.scene-inset{position:absolute;bottom:15px;right:10px;background:#fff5df;border-radius:20px;padding:8px}.scene-inset .art{width:70px;height:70px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:var(--control-size);padding:var(--space-3) var(--space-5);border-radius:var(--radius-control);font-size:14px;font-weight:650;background:var(--ink);color:#fff9e9}.button:hover{background:#366854}.button.secondary{color:var(--ink);background:var(--white);border:1px solid #c9d4c3}.button.secondary:hover{background:var(--sage)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin:34px 0 18px}.section-heading h2{margin:0;font-size:27px}.section-heading p{font-size:12px;color:var(--muted);margin:7px 0 0}.section-heading>span{font-size:11px;color:var(--muted);white-space:normal}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.activity-card{text-align:left;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;min-width:0;padding:0;transition:transform .15s}.activity-card:hover{transform:translateY(-3px);border-color:#83987d}.card-art{height:140px;display:grid;place-items:center;position:relative}.art{display:block;width:100px;height:100px}.card-art .art{width:94px;height:94px}.sage{background:var(--sage)}.peach{background:var(--peach)}.butter{background:var(--butter)}.lavender{background:var(--lavender)}.card-art .corner{position:absolute;left:14px;top:13px;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;opacity:.8}.card-body{padding:19px 20px;flex:1;position:relative}.card-body>small{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:700}.card-body h3{font-size:19px;margin:7px 0 8px}.card-body p{font-size:12px;color:var(--muted);margin-bottom:10px}.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding-top:5px;color:var(--muted)}.card-bottom b{font-size:20px;color:var(--ink)}.offline-strip{display:grid;grid-template-columns:60px 1fr auto;gap:18px;align-items:center;border:1px solid #dbddcc;border-radius:19px;padding:22px 26px;margin-top:25px;background:#f3efdf}.offline-strip>.art{width:58px;height:58px}.offline-strip h3{font-family:Georgia;font-weight:400;font-size:22px;margin-bottom:7px}.offline-strip p{font-size:12px;color:var(--muted);margin:0}.offline-strip button{font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px;min-height:44px}.footer{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:15px}.intro{padding:22px 0 8px}.intro h1{font-size:43px;margin-bottom:16px}.intro p{color:var(--muted);max-width:600px;font-size:14px}.adult-note{background:var(--sage);padding:17px 21px;border-radius:14px;font-size:13px;margin:20px 0}.story-cards{margin-top:16px}.play-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.play-card{padding:25px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card)}.play-card h2{font-size:25px}.play-card p{font-size:14px}.play-card small{color:var(--muted)}.play-card .art{width:55px;height:55px;margin-bottom:12px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin:25px 0}.metric{padding:25px;border:1px solid var(--line);background:var(--white);border-radius:17px}.metric strong{display:block;font:42px Georgia;margin-bottom:12px}.metric span{font-size:12px;color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--white)}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:530px}th,td{padding:15px;border-bottom:1px solid var(--line)}th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;background:var(--sage)}.adult-actions{margin:24px 0;display:flex;gap:12px;flex-wrap:wrap}.details{border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:16px;background:var(--white);font-size:13px}.details summary{cursor:pointer;font-weight:650;min-height:36px}.details p{margin:12px 0;color:var(--muted)}.details ul{padding-left:20px}.empty{padding:25px;color:var(--muted);font-size:14px;background:var(--white);border:1px dashed #c6d1c1;border-radius:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:absolute;left:15px;top:10px;transform:translateY(calc(-100% - 20px));max-width:calc(100% - 30px);background:var(--ink);color:white;padding:15px;z-index:10}.skip:focus{transform:none}[hidden]{display:none!important}
dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(800px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border-radius:24px;box-shadow:0 25px 80px #16291b44}dialog::backdrop{background:#1f382ebd}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:20px 27px;border-bottom:1px solid var(--line);gap:15px}.dialog-top span{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted)}.close-dialog{border:1px solid #becaba;border-radius:30px;padding:8px 15px;min-height:44px;font-size:12px}.dialog-main{padding:27px 38px 32px;text-align:center}.dialog-main h2{font-size:32px;margin:8px 0 16px}.dialog-main>.instruction{font-size:20px;line-height:1.45;max-width:630px;margin:0 auto 20px}.adult-prompt{font-size:12px;color:var(--muted);text-align:left;background:#efefdf;border-radius:12px;padding:12px 15px;margin:18px auto;max-width:630px}.adult-prompt summary{cursor:pointer;min-height:32px;font-weight:600}.adult-prompt p{margin:8px 0}.choices{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;margin:24px 0}.choice{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:115px;min-height:105px;padding:16px;border:2px solid #cbd6c1;border-radius:17px;background:var(--white);font-size:29px;font-weight:600}.choice .art{width:85px;height:85px}.choice .picture-label{font-size:17px;margin-top:10px}.choice.correct{background:#d7e7c8;border-color:#5c7a4b}.choice.try-again{border-color:#b9825d;background:#fbebdf}.objects{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;align-items:center}.object{padding:4px;border:2px solid transparent;border-radius:50%;min-width:62px;min-height:62px}.object .art{width:63px;height:63px}.object[aria-pressed=true]{background:#dce8cc;border-color:#78986a}.object[aria-pressed=true]::after{content:'✓';font-size:14px;position:absolute;margin-top:-15px}.joined-groups{display:flex;justify-content:center;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.joined-groups>.objects{background:#f5ebd3;border-radius:var(--radius-card);padding:12px;gap:5px}.joined-groups>span{font-size:30px}.tap-note{font-size:13px;color:var(--muted);margin-top:10px;min-height:22px}.feedback{min-height:58px;margin:15px 0;color:#47613e;font-size:16px;display:flex;align-items:center;justify-content:center}.feedback.success{background:#e3ecd9;border-radius:14px;padding:12px}.dialog-controls{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.hint-button{font-size:13px;text-decoration:underline;text-underline-offset:4px;min-height:var(--control-size);padding:9px}.hint-text{text-align:left;font-size:14px;background:#f7eacb;border-radius:12px;padding:16px}.word-slots{display:flex;gap:12px;justify-content:center;margin:20px 0}.slot{display:grid;place-items:center;border:2px dashed #9eb397;border-radius:15px;width:76px;height:86px;font-size:43px;background:#edf0e1}.tiles{display:flex;justify-content:center;gap:14px}.tile{width:75px;min-width:75px;min-height:75px;font-size:39px}.finish-art{margin:10px auto 24px;width:110px}.finish-art .art{width:110px;height:110px}.finish-offline{background:var(--sage);text-align:left;padding:22px;border-radius:var(--radius-card);margin:24px 0}.finish-offline h3{font-family:Georgia;font-size:24px;font-weight:400}.finish-offline p{margin-bottom:0;font-size:15px}.story-page{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;text-align:left;margin:23px 0}.story-page .scene-inset{bottom:0;right:0}.story-page>div{position:relative}.story-text{font-family:Georgia;font-size:24px;line-height:1.5}.story-prompt{padding:15px 20px;background:var(--butter);font-size:14px;border-radius:14px;text-align:left;margin-bottom:23px}.plain-link{font-size:12px;text-decoration:underline;min-height:44px}.print-card{display:none}
@media(min-width:1450px){main{padding-left:55px;padding-right:55px}.hero{min-height:350px}.card-art{height:160px}}
@media(max-width:1100px){.layout{grid-template-columns:215px 1fr}.sidebar{padding-left:19px;padding-right:15px}main{padding-left:25px;padding-right:25px}.hero{padding:28px;gap:15px}.cards{gap:12px}.card-body{padding:15px}.hero h1{font-size:42px}.card-art{height:110px}}
main:focus,#dialog-title:focus{outline:none}
@media(max-width:1000px){.header{min-height:85px;padding:12px 22px}.brand{font-size:20px}.adult-link{font-size:11px;padding:10px 13px}.adult-link span{margin-left:7px}.layout{display:block}.sidebar{padding:12px 20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.eyebrow,.sidebar-note,.prototype-note{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:7px}.sidebar nav button{flex-shrink:0;font-size:11px;padding:10px;gap:5px;min-height:var(--control-size)}.sidebar nav button>span{font-size:14px;min-width:1.5em}main{padding:0 23px 24px}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);padding:25px;min-height:270px}.hero h1{font-size:37px}.hero p:not(.eyebrow){font-size:13px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.card-body h3{font-size:17px}.card-art{height:110px}.offline-strip{padding:20px;grid-template-columns:45px 1fr}.offline-strip>button{grid-column:2;text-align:left;justify-self:start}.metrics .metric{padding:18px}}
@media(max-width:560px){.header{padding:12px 17px}.brand{font-size:18px;gap:9px}.brand-mark{width:43px;height:43px;font-size:30px}.brand small{font-size:9px}.adult-link{max-width:107px;text-align:center;font-size:10px;line-height:1.4}.adult-link span{display:none}.sidebar{padding:10px 12px}main{padding:0 17px 24px}.path-bar{font-size:10px;gap:8px;padding:12px 0}.path-bar button{font-size:10px}.path-options{grid-template-columns:1fr}.path-option{min-height:95px}.hero{grid-template-columns:minmax(0,1fr);gap:15px;padding:26px}.hero h1{font-size:43px}.hero-art .scene{max-height:190px}.hero p:not(.eyebrow){max-width:100%}.hero .button{width:100%}.cards{grid-template-columns:1fr}.card-art{height:145px}.card-body{padding:20px}.card-body h3{font-size:22px}.card-body p{font-size:14px}.section-heading{align-items:flex-start;margin-top:28px}.section-heading>span{display:none}.section-heading h2{font-size:27px}.play-cards,.metrics{grid-template-columns:1fr}.metric{display:flex;align-items:center;gap:20px}.metric strong{font-size:34px;margin:0}.offline-strip{padding:18px}.offline-strip>.art{width:42px;height:42px}.footer{display:block;line-height:1.8}.footer span{display:block}.intro h1{font-size:37px}.dialog-top{padding:15px}.dialog-main{padding:23px 18px}.dialog-main h2{font-size:28px}.dialog-main>.instruction{font-size:19px}.choice{min-width:85px;min-height:90px;padding:10px}.choice .art{width:70px;height:70px}.choices{gap:10px}.story-page{grid-template-columns:1fr;gap:15px}.story-page .scene{max-height:170px}.story-text{font-size:23px}.joined-groups .object{min-width:48px;min-height:var(--control-size);padding:1px}.joined-groups .object .art{width:44px;height:44px}.joined-groups>.objects{padding:7px;gap:1px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.activity-card:hover{transform:none}}
@media print{body{background:white}.header,.layout,dialog,.sr-only,.skip{display:none!important}.print-card{display:block!important;padding:40px;font-size:18px;color:#222}.print-card h1{font-size:32px}.print-card .art{width:80px;height:80px}.print-card p{margin:25px 0}}

/* Approved Lamb & Lark development identity; keep the complete artwork visible. */
.readiness-group{border:0;padding:0;margin:0 0 22px;min-width:0}.readiness-group legend{font:24px Georgia,'Times New Roman',serif;margin-bottom:12px;color:var(--ink)}.path-bar>span{line-height:1.6}.section-heading>span{max-width:230px;text-align:right}
.install-panel{display:grid;grid-template-columns:128px minmax(0,1fr);gap:24px;margin-top:28px;padding:24px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card)}.install-panel img{width:128px;height:128px;border-radius:20px}.install-panel h2{font-size:27px;overflow-wrap:anywhere}.install-panel [hidden]{display:none!important}.install-panel a{color:var(--ink);text-underline-offset:3px}.install-panel p{line-height:1.6}.install-panel .tap-note{font-size:14px}.install-panel .button{margin:4px 0}
@media(max-width:560px){.install-panel{grid-template-columns:minmax(0,1fr);padding:20px;gap:16px}.install-panel img{width:96px;height:96px}}
.card-art{background-image:radial-gradient(ellipse at 50% 70%,#fffdf44d 0%,transparent 70%);isolation:isolate}.card-art>.art{transform:rotate(-3deg);transition:none}.card-art::before{content:'';position:absolute;width:120px;height:95px;border-radius:48% 52% 42% 58%;background:#fffdf466;z-index:-1;transform:rotate(8deg)}.story-card-art .scene{width:auto;height:calc(100% - 18px);max-width:92%;margin-top:6px}.story-card-art::before{display:none}.paper-scene{border-radius:20px}.story-page .paper-scene{overflow:visible}
.felt-teddy{object-fit:contain}.card-art>.felt-teddy{height:calc(100% - 18px);width:auto;max-width:120px;transform:none}.picnic-friend>.felt-teddy{width:115px;height:125px}.large-display .picnic-friend>.felt-teddy{width:140px;height:150px}
@media(max-width:560px){.picnic-friend>.felt-teddy,.large-display .picnic-friend>.felt-teddy{width:90px;height:100px}}
.large-display dialog{width:min(1100px,calc(100vw - 32px))}.large-display .dialog-main>.instruction{font-size:clamp(22px,3vw,32px);max-width:900px}.large-display .dialog-main h2{font-size:clamp(30px,3.5vw,42px)}.large-display .choice{font-size:36px;min-width:120px;min-height:115px}.large-display .feedback{font-size:22px}.large-display .picnic-friend>.art{width:120px;height:120px}.large-display .object .art{width:85px;height:85px}.large-display .story-text{font-size:clamp(24px,3vw,32px)}
@media(max-width:560px){.large-display .choice{min-width:82px;min-height:95px;font-size:30px}.large-display .object .art{width:55px;height:55px}.large-display .picnic-friend>.art{width:90px;height:90px}}
.context-bar{padding-top:16px;font-size:12px;color:var(--muted)}.session-controls{padding:24px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card)}.session-controls h2{font-size:27px}.session-controls p{font-size:14px}.session-controls button[aria-pressed=true]{background:var(--ink);color:var(--white)}.picnic-friends{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4)}.picnic-friend{display:flex;flex-direction:column;align-items:center;min-width:100px;padding:10px;border:2px solid #cbd6c1;border-radius:var(--radius-card);background:var(--white)}.picnic-friend>.art{width:90px;height:90px}.plate-space .art{width:82px;height:62px;visibility:hidden}.picnic-friend[aria-pressed=true]{border-color:#5c7a4b;background:var(--sage)}.picnic-friend[aria-pressed=true] .plate-space .art{visibility:visible}.dialog-top>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.brand{display:block;font-family:var(--font-display);font-weight:400;line-height:1.1;font-size:26px;letter-spacing:-.4px}.brand-name{display:block}.brand-name>span{color:#906035;font-size:.75em}.brand small{font-family:var(--font-body);font-size:11px;line-height:1.4;margin-top:7px}.brand-artwork{display:block;width:100%;height:auto;max-width:420px;margin:auto;border-radius:var(--radius-card)}.hero-art{align-self:center}
@media(max-width:1000px){.brand{font-size:23px}.brand small{font-size:10px}}
@media(max-width:560px){.brand{font-size:21px;min-width:0}.brand-name>span{display:block;margin-top:2px}.brand small{font-size:9px;margin-top:4px}.brand-artwork{max-width:300px}.adult-link{flex-shrink:0}}

/* Narration uses the existing felt artwork; interactive answers stay stationary. */
.narration-scene{margin:16px 0;padding:18px;border:1px solid #dfd8c9;border-radius:24px;background:#f4efe4}
.narration-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;min-width:0}
.narration-object{display:inline-flex;width:72px;height:80px;align-items:center;justify-content:center;transform-origin:center bottom}
.narration-object>svg,.narration-object>img{width:100%;height:100%;object-fit:contain}
.narration-pair{display:flex;align-items:center;gap:4px}
.narration-pair .narration-object:first-child{width:82px;height:96px}
.narration-pair .narration-object:last-child{width:44px;height:44px}
.narration-group{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:calc((100% - 56px)/2)}
.narration-join{font-size:14px;color:#514d41}
.narration-story .narration-row{display:block}
.narration-story [data-motion-object]{transform-box:fill-box;transform-origin:center bottom}
:is(.narration-scene,.narration-story):not(.motion-timeline)[data-motion-state="playing"] [data-motion-active],:is(.narration-scene,.narration-story):not(.motion-timeline)[data-motion-state="buffering"] [data-motion-active]{animation:felt-narration-sway 2.4s ease-in-out infinite}
:is(.narration-scene,.narration-story):not(.motion-timeline)[data-motion-state="buffering"] [data-motion-active]{animation-play-state:paused}
@keyframes felt-narration-sway{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(2deg)}}
:is(.narration-scene,.narration-story).motion-reduced [data-motion-object]{animation:none;transform:none}
@media(max-width:480px){.narration-scene{padding:12px}.narration-row{gap:8px}.narration-object{width:54px;height:62px}.narration-pair .narration-object:first-child{width:60px;height:74px}.narration-pair .narration-object:last-child{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){:is(.narration-scene,.narration-story) [data-motion-object]{animation:none!important;transform:none!important}}
/* Accepted Teddy/Elephant footage, scoped to the one-friend lesson round. */
.picnic-sequence-host{margin:18px 0;min-width:0}
.picnic-sequence-host .player{padding:10px;border:1px solid #d5ddc8;border-radius:22px;background:#fffdf8}
.picnic-sequence-host .scene{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:16px;background:#e8eedf}
.picnic-sequence-host .scene img,.picnic-sequence-host .scene video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.picnic-sequence-host .scene-caption{position:absolute;bottom:10px;left:10px;right:10px;width:fit-content;max-width:calc(100% - 20px);padding:6px 10px;border-radius:12px;background:#fffdf3ed;font-weight:bold;font-size:.85rem}
.picnic-sequence-host .read-along{font-size:1.15rem;text-align:center;margin:18px 8px 8px}
.picnic-sequence-host #sequence-status{text-align:center;font-size:.9rem;margin:8px}
.picnic-sequence-host .child-controls,.picnic-sequence-host .adult-controls{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin:14px 0}
.picnic-sequence-host button{min-height:52px;padding:12px 16px;border:2px solid #a9b8a0;border-radius:16px;font:700 1rem/1.3 "Trebuchet MS",Arial,sans-serif;background:#f4eddc;color:#304239;cursor:pointer}
.picnic-sequence-host button.primary{background:#315643;border-color:#315643;color:#fffdf8;min-width:220px}
.picnic-sequence-host button:disabled{opacity:.55;cursor:default}
.picnic-sequence-host .grown-up{border-top:1px solid #d5ddc8;margin:16px 0 0;padding-top:12px;font-size:.85rem}
.picnic-sequence-host summary{cursor:pointer;font-weight:bold}
.picnic-sequence-host label{display:flex;align-items:center;gap:8px;min-height:44px}
.picnic-sequence-host input{width:22px;height:22px;accent-color:#315643}
.picnic-sequence-host button:focus-visible,.picnic-sequence-host input:focus-visible,.picnic-sequence-host summary:focus-visible{outline:3px solid #976221;outline-offset:3px}
@media(max-width:600px){.picnic-sequence-host .primary{width:100%;min-width:0}.picnic-sequence-host .child-controls button:not(.primary){flex:1}.picnic-sequence-host .scene-caption{font-size:.75rem}}
dialog:has(.picnic-group-player){width:min(1100px,calc(100% - 32px))}
.picnic-sequence-host .friend-scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.picnic-sequence-host .friend-scenes[data-quantity="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.picnic-sequence-host .picnic-friend-scene{min-width:0;padding:10px;border:2px solid #d5ddc8;border-radius:18px;background:#fffdf8}
.picnic-sequence-host .picnic-friend-scene[data-active="true"]{border-color:#976221}
.picnic-sequence-host .picnic-friend-scene[data-received="true"]{border-color:#315643;background:#edf3e8}
.picnic-sequence-host .picnic-friend-scene h3{text-align:center;font-size:1.1rem;margin:0 0 10px}
.picnic-sequence-host .picnic-friend-scene button{width:100%;min-width:0!important;margin-top:12px;min-height:60px}
.picnic-sequence-host .picnic-helper-note,.picnic-sequence-host #plate-note{text-align:center;font-size:.95rem;margin:10px 4px 16px}
.picnic-sequence-host .picnic-group-player .scene-caption{font-size:.75rem;bottom:8px;left:8px;right:8px;max-width:calc(100% - 16px)}
@media(max-width:900px){.picnic-sequence-host .friend-scenes,.picnic-sequence-host .friend-scenes[data-quantity="3"]{grid-template-columns:1fr}}

/* Homepage entries wrap into full touch targets on small screens. */
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-actions .button{min-height:48px;white-space:normal;text-align:center}
/* Shared fuzzy picture treatment; learning text and controls remain separate. */
.felt-object{object-fit:contain}.card-art>.felt-object{width:112px;height:112px;transform:none;margin-top:12px}.choices .choice .felt-object{width:clamp(100px,15vw,132px);height:clamp(100px,15vw,132px)}.felt-scene{object-fit:contain;border-radius:18px}.story-page .felt-scene{max-height:320px;width:100%;height:auto;margin:0 auto 18px}.sidebar nav button>span img{display:block;width:28px;height:28px;object-fit:contain}.sidebar-note>span img{display:block;width:64px;height:64px;object-fit:contain}
@media(max-width:560px){.story-page .felt-scene{max-height:230px}.card-art>.felt-object{width:104px;height:104px}}
.narration-story:has(.felt-story-movie){position:relative}.felt-story-movie{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:16px;pointer-events:none}.felt-story-movie[hidden]{display:none}.object.count-guided{outline:3px solid #b79037;outline-offset:3px;box-shadow:0 0 0 7px #f2d58a44}.object[aria-pressed="true"] .felt-object{filter:drop-shadow(0 4px 4px #a2823544)}@media(prefers-reduced-motion:reduce){.felt-story-movie{display:none}.object.count-guided{outline:none;box-shadow:none}}
.activity-felt-scene{position:relative;width:min(100%,676px);margin:16px auto;padding:0;border:0;border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:#edf0e1}.activity-felt-scene>img{display:block;width:100%;height:100%;object-fit:contain}.activity-felt-scene .felt-story-movie{border-radius:18px}.joined-groups.is-joined{gap:0;background:#edf0e1;border-radius:18px}.joined-groups.is-joined>.objects{background:transparent}.joined-groups.is-joined>span{display:none}@media(max-width:560px){.activity-felt-scene{margin:12px auto}}

/* Larger lesson stages: 30% more width where space permits, full scenes on phones. */
dialog:has(.activity-felt-scene,.felt-story-movie,.picnic-sequence-host,.common-picnic){width:min(1040px,calc(100vw - 32px))}
dialog:has(.picnic-group-player),.large-display dialog:has(.activity-felt-scene,.felt-story-movie,.picnic-sequence-host,.common-picnic){width:min(1430px,calc(100vw - 32px))}
.story-page:has(.felt-story-movie){grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.picnic-sequence-host .scene img,.picnic-sequence-host .scene video{object-fit:contain}
@media(max-width:560px){
 dialog:has(.activity-felt-scene,.felt-story-movie,.picnic-sequence-host,.common-picnic){width:calc(100vw - 16px);max-width:calc(100vw - 16px)}
 dialog:has(.activity-felt-scene,.felt-story-movie,.picnic-sequence-host,.common-picnic) .dialog-main{padding-left:8px;padding-right:8px}
 .story-page:has(.felt-story-movie){grid-template-columns:minmax(0,1fr)}
 .story-page:has(.felt-story-movie) .scene{max-height:none}
 .picnic-sequence-host .player{padding:4px}
}

/* Child-paced arrangement controls; all required moves have tap alternatives. */
.practice-host{min-width:0}.practice-board{margin:20px 0;overflow-wrap:anywhere}.practice-board h3{font-size:1.08rem;margin:10px 0}.practice-choices,.practice-pieces{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin:12px 0}.practice-control{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;max-width:100%;min-width:56px;min-height:56px;padding:12px;border:2px solid #77927b;border-radius:16px;background:#fffdf6;color:#243e31;font:inherit;line-height:1.4;white-space:normal;overflow-wrap:anywhere}.practice-control:focus-visible{outline:4px solid #264d3a;outline-offset:3px}.practice-control[aria-pressed="true"]{border:4px solid #264d3a;padding:10px;box-shadow:0 0 0 2px #f3d795}.practice-control:disabled{opacity:.58;cursor:default}.practice-control>.art{display:block;width:90px;height:90px;object-fit:contain}.practice-model{text-align:center;padding:12px;background:#eef1e6;border-radius:18px}.practice-model>.art{width:150px;height:150px;object-fit:contain}.practice-mats,.practice-positions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.practice-positions{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-mat,.practice-position{min-width:0;padding:12px;border:2px solid #8c9e83;background:#f4f1e5;border-radius:18px}.practice-mat .practice-control,.practice-position .practice-control{min-width:0}.practice-mat .practice-pieces{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(110px,100%),1fr))}.practice-position>.art{display:block;width:120px;height:120px;max-width:100%;object-fit:contain}.practice-position .practice-control{margin:8px 0}.practice-board>[data-practice-status]{min-height:1.6em;padding:12px;border-radius:12px;background:#e9eee1}.practice-track{position:relative;width:100%;height:64px;margin:12px 0;background:#f7f4eb}.practice-start{position:absolute;inset:0 auto 0 0;border-left:3px dashed #314e3c;z-index:1}.practice-trail{position:absolute;top:10px;height:44px;overflow:hidden;border-radius:7px;box-shadow:0 2px 3px #263d292b}.practice-trail>.art{position:absolute;width:180%;max-width:none;height:180%;left:-40%;top:-40%;object-fit:fill}.practice-trails{padding:0 8px 0 3px}.practice-board .practice-control[data-practice-action="check"],.practice-board .practice-control[data-practice-action="confirm"],.practice-board .practice-control[data-practice-action="align"]{background:#355a43;color:#fffdf4;margin:14px 0}.practice-board .practice-control[data-practice-action="reset"]{margin:12px 0}.practice-invitation{padding:14px;background:#edf0e4;border-radius:16px}
@media(max-width:600px){.practice-positions{grid-template-columns:1fr}.practice-control>.art{width:74px;height:74px}.practice-mat{padding:8px}.practice-choices .practice-control{flex:1;min-width:90px}}
.practice-pattern{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:center;padding:14px 4px}.practice-pattern>.art{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.practice-pattern-space{display:flex;align-items:center;justify-content:center;min-height:56px;border:2px dashed #58755d;border-radius:12px;font-size:2rem}
.practice-control>.art.story-event-art{width:200px;max-width:100%;height:auto;object-fit:contain}.practice-position>.art.story-event-art{width:100%;height:auto;object-fit:contain}
/* The language choice remains a labelled native control on small screens. */
.language-choice{display:flex;align-items:center;gap:.4rem .7rem;flex-wrap:wrap;max-width:24rem;font-size:.9rem}
.language-choice label{font-weight:700}
.language-choice select{font:inherit;min-height:44px;padding:.4rem .65rem;border:2px solid #355b48;border-radius:.7rem;background:#fffdf7;color:#244d40}
.language-choice small{flex-basis:100%;font-size:.8rem}
.language-choice select:focus-visible{outline:3px solid #244d40;outline-offset:3px}
.language-coverage{margin:.7rem 0 1.2rem;font-size:.95rem}
@media(max-width:650px){.header{flex-wrap:wrap;gap:.8rem}.language-choice{flex-basis:100%;max-width:none}.language-choice small{flex-basis:auto}}

/* /interactive/website.css */
/* Adult website layout. Shared tokens come from styles.css. */
.information-site .site-header{max-width:1240px;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.information-site .site-header>.button{flex-shrink:0}
.information-site .site-navigation{border-block:1px solid var(--line);background:var(--white)}
.information-site .site-menu{max-width:1240px;margin:auto;padding:12px 32px}
.information-site .site-menu summary{display:none;min-height:48px;cursor:pointer;font-weight:650;align-items:center}
.information-site .site-menu summary::after{content:'⌄';margin-left:auto;font-size:20px}.information-site .site-menu[open] summary::after{content:'⌃'}
.information-site .site-menu nav{display:flex;gap:8px;flex-wrap:wrap}
.information-site .site-menu a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border-radius:12px;font-size:14px;text-decoration:none}
.information-site .site-menu a:hover{background:var(--sage)}
.information-site .site-menu a[aria-current=page]{background:var(--ink);color:var(--white)}
.information-site .preview-label{max-width:1240px;margin:0 auto;padding:20px 32px;color:var(--muted);font-size:13px}
.information-site main{max-width:1240px;margin:auto;padding:0 32px 32px;min-width:0}
.information-site .website-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:40px;padding:40px;border-radius:26px}
.information-site h1{overflow-wrap:anywhere;font-size:clamp(36px,4.5vw,56px);line-height:1.12;letter-spacing:-1px;margin:12px 0 24px}
.information-site .website-hero p:not(.eyebrow){max-width:520px;margin-bottom:28px}
.information-site .website-art{width:100%;max-width:430px;height:auto;display:block;margin:auto;border-radius:var(--radius-card)}
.information-site .audience-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.information-site .audience-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius-card);text-decoration:none;display:flex;flex-direction:column}
.information-site .audience-card h2{font-size:30px;margin:0 0 14px}
.information-site .audience-card p{margin:0 0 20px;color:var(--muted);flex:1}
.information-site .audience-action{font-weight:650;text-decoration:underline;text-underline-offset:4px}
.information-site .audience-action>span{margin-left:12px}
.information-site .audience-card:hover{border-color:var(--ink)}
.information-site .info-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:48px;padding-top:16px}
.information-site .info-copy{min-width:0;max-width:780px}
.information-site .info-copy>p,.information-site .info-copy li,.information-site .info-section p{font-size:16px;line-height:1.75}
.information-site .info-copy p{margin-bottom:24px}
.information-site .info-section{margin-top:32px}
.information-site .info-section h2{font-size:28px;line-height:1.2;margin-bottom:14px}
.information-site .info-copy ol{padding-left:24px;margin:24px 0 32px}
.information-site .info-copy li{padding-left:8px;margin-bottom:16px}
.information-site .home-copy{margin-top:36px}
.information-site .info-invitation{padding:24px;border-radius:var(--radius-card);margin-top:24px}
.information-site .info-invitation img{width:110px;height:110px;object-fit:contain;display:block;margin:0 auto 16px}
.information-site .info-invitation h2{font-size:27px;line-height:1.2}
.information-site .info-invitation p{font-size:15px;color:var(--muted)}
.information-site .info-invitation .button{width:100%;gap:12px}
.information-site .info-table{overflow-x:auto;border:1px solid var(--line);border-radius:16px;margin:28px 0}
.information-site .info-table:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.information-site .info-table table{font-size:15px;min-width:560px}
.information-site .info-table th{font-size:13px;text-transform:none;letter-spacing:0}
.information-site .site-footer{max-width:1176px;margin:0 auto;padding:28px 0 36px;border-top:1px solid var(--line)}
.information-site .site-footer p{font:24px var(--font-display);margin-bottom:16px}
.information-site .site-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:12px}
.information-site .site-footer a{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:4px;font-size:14px}
.information-site .site-footer small{color:var(--muted);font-size:13px}
.adult-website-links{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--white)}
.adult-website-links h2{font-size:27px}.adult-website-links p{font-size:14px;color:var(--muted)}
.audio-review{background:var(--paper)}.audio-review .site-header{max-width:1000px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.audio-review .site-brand{font:24px var(--font-display);color:var(--ink)}.audio-review main{max-width:1000px;margin:auto;padding:28px 24px}.audio-review h1{font-size:clamp(32px,5vw,46px)}.audio-review h2{font-size:25px}.audio-review p{line-height:1.65}.audio-transcript{background:var(--sage);padding:24px;border-radius:var(--radius-card);margin:24px 0}.audio-transcript p{font-size:23px;font-family:var(--font-display);margin:0}.audio-takes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.audio-take{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);padding:24px;min-width:0}.audio-take .dialog-controls{flex-wrap:wrap}.audio-take .button{min-height:48px}.audio-take .tap-note{min-height:48px;text-align:left}@media(max-width:650px){.audio-takes{grid-template-columns:1fr}.audio-review .site-header{align-items:flex-start;flex-direction:column}}
.adult-website-links nav{display:flex;gap:12px;flex-wrap:wrap}.adult-website-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;text-underline-offset:4px;padding:6px 4px}
.picnic-review .review-introduction{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:28px;align-items:center}.picnic-review .review-introduction img{max-width:100%;height:auto}.review-paths{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.review-walkthrough,.review-session,.review-observations,.review-next{padding:24px;border:1px solid var(--line);border-radius:var(--radius-card);margin:24px 0;background:var(--white)}.picnic-review li{line-height:1.65;margin-bottom:10px}.picnic-review fieldset{min-width:0}.picnic-review legend{font-weight:650;padding-inline:8px}.review-fields{display:grid;grid-template-columns:1fr 1fr 180px;gap:16px}.picnic-review label{display:block;font-size:15px;line-height:1.5}.picnic-review input,.picnic-review select,.picnic-review textarea{display:block;width:100%;max-width:100%;min-height:48px;margin-top:8px;padding:10px;border:1px solid var(--muted);border-radius:10px;font:inherit;color:var(--ink);background:var(--white);box-sizing:border-box}.picnic-review textarea{resize:vertical}.picnic-review input:focus-visible,.picnic-review select:focus-visible,.picnic-review textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.review-lesson{scroll-margin-top:24px;padding-top:20px;margin-top:32px;border-top:2px solid var(--line)}.review-goal{padding:20px;background:var(--sage);border-radius:var(--radius-card)}.review-script{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}.review-script h3{font-size:20px;margin-bottom:8px}.review-round{padding:16px 20px;border-left:4px solid var(--sage);margin:20px 0}.picnic-review .review-check{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:10px}.review-check select{margin-top:0}.review-next .dialog-controls{flex-wrap:wrap}.picnic-review .tap-note{text-align:left}
@media(max-width:700px){.picnic-review .review-introduction{grid-template-columns:1fr}.picnic-review .review-introduction img{width:120px}.review-fields,.review-script{grid-template-columns:1fr}.picnic-review .review-check{grid-template-columns:1fr;gap:0}.review-walkthrough,.review-session,.review-observations,.review-next{padding:18px}}
@media print{.picnic-review .site-header,.picnic-review .skip,.picnic-review .review-paths,.picnic-review .dialog-controls,.picnic-review #review-export-status{display:none}.picnic-review main{max-width:none;padding:0}.picnic-review .review-lesson{break-before:page}.picnic-review .review-script{display:block}.picnic-review .review-round,.picnic-review .review-check{break-inside:avoid}.picnic-review .review-observations{border:1px solid #999}.picnic-review input,.picnic-review select,.picnic-review textarea{color:#000;background:#fff}.picnic-review textarea{min-height:140px}}
@media(max-width:1000px){.information-site .website-hero{gap:24px;padding:28px}.information-site .info-grid{grid-template-columns:minmax(0,1fr) 250px;gap:28px}.information-site .site-footer{margin-inline:32px}}
@media(max-width:760px){.information-site .site-header{padding:22px;flex-wrap:wrap;gap:18px}.information-site .site-header>.button{font-size:13px;padding:10px 16px}.information-site .site-menu{padding:6px 22px}.information-site .site-menu summary{display:flex}.information-site .site-menu nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(8em,calc(50% - 4px))),1fr));padding:8px 0 16px}.information-site .site-menu a{justify-content:flex-start}.information-site .preview-label{padding:18px 22px}.information-site main{padding:0 22px 28px}.information-site .website-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:26px}.information-site .website-art{max-width:340px}.information-site .website-hero h1{font-size:42px}.information-site .audience-section,.information-site .info-grid{grid-template-columns:1fr;gap:20px}.information-site .audience-card{padding:24px}.information-site .info-invitation{margin-top:0}.information-site .info-invitation .button{width:auto}.information-site .site-footer{margin-inline:22px}.information-site .info-grid h1{font-size:38px}}
@media print{.information-site .site-header,.information-site .site-navigation,.information-site .preview-label,.information-site .info-invitation,.information-site .site-footer,.information-site .button{display:none}.information-site main{display:block!important;padding:0}.information-site .info-grid{display:block}.information-site .info-copy{max-width:none}.information-site .info-table{overflow:visible}.information-site .info-table table{min-width:0}}
.info-copy a[href^="mailto:"] { overflow-wrap: anywhere; }
:is(.narration-review) .review-session{min-width:0}
.narration-review .review-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.narration-review .review-fields label{display:block;font-size:15px;line-height:1.5;min-width:0}
.narration-review :is(input,select,textarea){display:block;width:100%;max-width:100%;min-height:48px;margin-top:8px;padding:10px;border:1px solid var(--muted);border-radius:10px;font:inherit;color:var(--ink);background:var(--white);box-sizing:border-box}
.narration-review textarea{resize:vertical}
.narration-review :is(input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.narration-review details{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}
.narration-review summary{cursor:pointer;padding:12px 0;font-weight:650}
@media(max-width:700px){.narration-review .review-fields{grid-template-columns:minmax(0,1fr)}}

/* Shared optional audio controls, including inside the modal learning scene. */
.site-sound-toolbar{display:flex;justify-content:flex-end;margin:0 0 14px;clear:both}
.sound-options{color:var(--ink,#244d40);font:400 14px/1.5 Arial,sans-serif;max-width:100%;text-align:left}
.sound-options>summary{cursor:pointer;min-height:44px;display:list-item;list-style-position:inside;padding:10px 14px;border:1px solid var(--line,#c8d4c5);border-radius:16px;background:var(--white,#fffdf7);font-weight:600;box-sizing:border-box}
.sound-options>summary:focus-visible,.sound-options input:focus-visible{outline:3px solid #ad622e;outline-offset:3px}
.sound-options-body{width:310px;max-width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--line,#c8d4c5);border-radius:16px;background:var(--white,#fffdf7)}
.sound-options-body label{display:flex;align-items:center;gap:10px;min-height:48px;cursor:pointer;font-size:15px;font-weight:400;text-transform:none;letter-spacing:normal}
.sound-options-body input{width:22px;height:22px;flex:0 0 22px;accent-color:#244d40;margin:0}
.sound-options-body .music-choice{display:block;padding:6px 0}.sound-options-body select{display:block;width:100%;max-width:100%;min-height:48px;margin-top:6px;padding:8px;border:1px solid #6e8265;border-radius:10px;background:#fffdf7;color:#244d40;font:inherit}.sound-options select:focus-visible{outline:3px solid #ad622e;outline-offset:3px}
.sound-options-body p{font:400 13px/1.5 Arial,sans-serif;margin:8px 0;color:var(--ink,#244d40)}
.dialog-sound-toolbar{display:flex;justify-content:flex-end;padding:8px 24px;border-bottom:1px solid var(--line,#c8d4c5)}
.sound-options-body [data-soundscape-status]{font-size:12px}
@media(max-width:480px){.site-sound-toolbar{justify-content:stretch}.site-sound-toolbar>.sound-options{width:100%}.sound-options-body{width:100%}.dialog-sound-toolbar{padding:8px 16px}.dialog-sound-toolbar>.sound-options{width:100%}}

/* /interactive/runtime/website/review/library-practice-preview.css */
/* Keep the narrated demonstration and both matching choices together. */
.lesson-support summary{min-height:44px;padding:10px 0;box-sizing:border-box}
.lesson-support h3{font:inherit;font-size:1rem;font-weight:600;line-height:1.5;margin:16px 0 6px;color:#244d40}
.lesson-support p{font-size:1rem;line-height:1.6;overflow-wrap:anywhere}
.lesson-support .hint-button{text-align:left;min-height:44px}
.library-paths{min-width:0;margin:0 0 24px;padding:18px;border:2px solid #617a5e;border-radius:18px;background:#f4f1e5}
.library-paths legend{padding:0 8px;font-weight:700}.library-paths p{margin:0 0 14px}
.library-path-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.library-path-options button{min-width:0;min-height:48px;text-align:left;padding:14px;border:2px solid #617a5e;border-radius:14px;background:#fffdf7;color:#244d40;font:inherit;cursor:pointer}
.library-path-options strong,.library-path-options span,.library-path-options small{display:block;overflow-wrap:anywhere}
.library-path-options small{margin-top:6px}.library-path-options button[aria-pressed="true"]{border-color:#244d40;background:#e9eee0;box-shadow:inset 0 0 0 2px #244d40}
.library-path-options button:focus-visible{outline:4px solid #244d40;outline-offset:3px}
@media(max-width:650px){.library-path-options{grid-template-columns:1fr}}
.narrated-shape-layout .practice-board { margin: 12px 0; }
.narrated-shape-layout .practice-model {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 12px;
 padding: 8px;
}
.narrated-shape-layout .practice-model > p { margin: 0; }
.narrated-shape-layout .practice-model > .art { width: 64px; height: 64px; }
.narrated-shape-layout .practice-choices { justify-content: center; }
.practice-scene { margin: 8px 0 16px; }
.practice-scene > .art {
 display: block;
 width: auto;
 max-width: 100%;
 height: auto;
 max-height: 270px;
 object-fit: contain;
 border-radius: 18px;
 margin: 0 auto;
}
@media (max-width: 500px) {
 .practice-scene > .art { max-height: 180px; }
}
/* Keep the full-width movie and voluntary response visible on a phone. */
@media (max-width: 560px) {
 #learning-dialog:has(.narrated-shape-layout [data-practice-action="confirm"]) .dialog-top {
  display: block;
  padding: 12px 16px;
 }
 #learning-dialog:has(.narrated-shape-layout [data-practice-action="confirm"]) .dialog-top > span {
  display: block;
  margin-bottom: 8px;
 }
 #learning-dialog:has(.narrated-shape-layout [data-practice-action="confirm"]) .dialog-top > div { flex-wrap: nowrap; }
 .narrated-shape-layout:has([data-practice-action="confirm"]) { padding-top: 16px; }
 .narrated-shape-layout:has([data-practice-action="confirm"]) > .eyebrow { margin-bottom: 8px; }
 .narrated-shape-layout:has([data-practice-action="confirm"]) > h2 { margin-bottom: 12px; }
 .narrated-shape-layout:has([data-practice-action="confirm"]) .activity-felt-scene { margin: 8px auto; }
 .narrated-shape-layout:has([data-practice-action="confirm"]) .practice-board { margin: 8px 0; }
 .narrated-shape-layout:has([data-practice-action="confirm"]) .practice-invitation { margin: 8px 0; padding: 10px; }
 .narrated-shape-layout .practice-board > [data-practice-action="confirm"] { margin: 8px 0; }
}

/* /interactive/runtime/motion/picnic-batch-39/runtime/shared-round.css */
.shared-picnic[hidden],[hidden]{display:none!important}.shared-picnic{background:#fffdf7;border:1px solid #b8c7ac;border-radius:22px;padding:10px;margin:18px 0}.shared-picture{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#e4ead8}.shared-picture canvas{display:block;width:100%;height:100%}.plate-targets{position:absolute;inset:0;pointer-events:none}.shared-picnic .scene-plate{position:absolute;transform:translate(-50%,-50%);width:11%;height:10%;min-width:32px;min-height:32px;border:3px solid transparent;background:transparent;border-radius:50%;padding:0;pointer-events:auto;opacity:1}.scene-plate span{position:absolute;inset:0;border-radius:50%}.shared-picnic .scene-plate[data-counted=true]{background:#69a5c54a;border-color:#285b7d}.shared-picnic .scene-plate[data-focus=true]{border-color:#986322;box-shadow:0 0 0 5px #fff7b655}.shared-picnic .scene-plate:focus-visible{outline:3px solid #263e32;outline-offset:3px}.shared-readalong{font-size:1.16rem;line-height:1.5;margin:15px 10px}.shared-status{min-height:24px;margin:8px 10px}.shared-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 8px}.shared-actions button{min-height:48px}.shared-picnic details{padding:12px;border-top:1px solid #d2dbc5}.shared-picnic details label{display:inline-flex;gap:8px;align-items:center;margin:8px 18px 8px 0;min-height:44px}.shared-picnic details input{width:22px;height:22px}.shared-count{margin:10px;font-size:.95rem}.shared-picnic .choices{margin-top:12px}.shared-picnic[data-motion=active] .plate-targets{visibility:hidden}@media(max-width:500px){.shared-picnic{padding:6px}.shared-actions button{flex:1 1 100%}.shared-readalong{font-size:1.05rem}.shared-picnic .choices{gap:8px}}
.common-picnic{background:#fffdf7;border:1px solid #b8c7ac;border-radius:22px;padding:10px;margin:18px 0}.common-readalong{font-size:1.16rem;line-height:1.5;margin:15px 10px}.common-status{min-height:24px;margin:8px 10px}.common-picnic details{padding:12px;border-top:1px solid #d2dbc5}.common-picnic details label{display:inline-flex;gap:8px;align-items:center;margin:8px 18px 8px 0;min-height:44px}.common-picnic details input{width:22px;height:22px}
.shared-picnic .scene-plate{top:74.7%}
.friend-targets{position:absolute;inset:0;pointer-events:none}.shared-picnic .scene-friend{position:absolute;top:58%;width:15%;height:68%;min-width:44px;min-height:44px;transform:translate(-50%,-50%);background:transparent;border:3px solid transparent;border-radius:40%;pointer-events:auto;opacity:1}.shared-picnic .scene-friend:focus-visible{outline:3px solid #263e32;outline-offset:-3px}.shared-picnic .scene-friend[data-served=true]{pointer-events:none}.shared-picnic .scene-friend[data-focus=true]{border-color:#986322;box-shadow:0 0 0 4px #fff7b655}.explore-two[data-motion=active] .friend-targets{visibility:hidden}.explore-two[data-paused=true]:not([data-hint=true]) .friend-targets{visibility:hidden}

/* /lesson-presentation-7035587db851.css */
.ll-illustrated-card{overflow:visible}.ll-lesson-thumbnail{display:block;width:100%;height:160px;object-fit:contain;background:#f4f2e8;border-radius:10px;margin:0 0 18px;flex:none}.ll-dropdown{position:relative;display:inline-block;min-width:170px;max-width:100%;color:#264b3c;font:inherit}.ll-select-button{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:46px;padding:10px 14px!important;margin:0!important;background:#fffdf7!important;color:#264b3c!important;border:1px solid #9faf9c!important;border-radius:10px!important;font:inherit!important;text-align:left;cursor:pointer;box-shadow:none}.ll-select-button::after{content:'';width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);flex:none}.ll-select-button[aria-expanded=true]::after{transform:translateY(2px) rotate(225deg)}.ll-select-button:focus-visible{outline:3px solid #a27042;outline-offset:3px}.ll-select-button:disabled{opacity:.55;cursor:default}.ll-select-options{position:absolute;display:block;z-index:1500;top:calc(100% + 6px);left:0;min-width:100%;max-width:min(340px,85vw);max-height:260px;overflow:auto;padding:6px;background:#fffdf7;color:#264b3c;border:1px solid #a9b99f;border-radius:10px;box-shadow:0 8px 22px #294c3a26;font:inherit;text-align:left}.ll-select-options[hidden]{display:none!important}.ll-select-option{display:block;padding:10px 14px;border-radius:6px;white-space:normal;cursor:pointer;font:inherit;line-height:1.4}.ll-select-option[aria-selected=true]{font-weight:700;background:#e5ecdc}.ll-select-option:hover,.ll-select-option.is-active{background:#d8e6ce}.ll-select-option[aria-disabled=true]{opacity:.5;cursor:default}select[data-ll-themed][hidden]{display:none!important}@media(max-width:600px){.ll-lesson-thumbnail{height:145px}.ll-dropdown{min-width:150px}.filters>label{min-width:0}.ll-select-options{max-height:220px}}@media(forced-colors:active){.ll-select-option.is-active{outline:2px solid Highlight}.ll-select-button{border:1px solid ButtonText!important}}
.language-dropdown-toggle{background:#fffdf7!important;color:#264b3c!important;border:1px solid #9faf9c!important;border-radius:10px!important;min-height:46px;box-shadow:none!important}.language-dropdown-options{background:#fffdf7!important;color:#264b3c!important;border:1px solid #a9b99f!important;box-shadow:0 8px 22px #294c3a26!important}.language-dropdown-option{background:#fffdf7!important;color:#264b3c!important;border:0!important}.language-dropdown-option[aria-selected=true]{background:#e5ecdc!important;font-weight:700}.language-dropdown-option:hover,.language-dropdown-option:focus-visible{background:#d8e6ce!important}.language-dropdown-check{display:none!important}.filters label:has(input[type=search]){flex:1;min-width:min(260px,100%)}.filters input[type=search]{width:100%}

/* /music/ear-candy/navigation.css */
.ear-candy-global-nav{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;width:100%;padding:10px 16px;background:#e7eedc;color:#203f31;border-bottom:1px solid #cbd7bc;font:600 16px/1.45 system-ui,sans-serif;text-align:center}
.ear-candy-global-nav a{color:#203f31;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:32px;padding:4px 8px;border-radius:6px}
.ear-candy-global-nav a:focus-visible{outline:3px solid #8f590b;outline-offset:2px}
.ear-candy-global-nav span{font-size:14px;font-weight:400}
@media(max-width:480px){.ear-candy-global-nav{gap:0;padding:6px 10px}.ear-candy-global-nav a{min-height:36px}.ear-candy-global-nav span{display:none}}

/* /music/ear-candy/commercials/ear-candy-mobile-navigation.css */
.ll-primary-navigation.ear-music-navigation{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ll-primary-navigation.ear-music-navigation a{min-width:0;flex:1 1 0;font-size:13px}.ll-primary-navigation [data-ear-candy-mobile] svg{fill:none;stroke:currentColor;stroke-width:1.8;width:24px;height:24px;flex:0 0 auto}.ear-music-quick{display:block;margin:0 0 18px;padding:13px 18px;border:1px solid #b9cba3;border-radius:18px;background:#e7eedc;color:#203f31;font:700 16px/1.5 system-ui;text-decoration:underline;text-underline-offset:3px}.ear-music-quick:focus-visible{outline:3px solid #8f590b;outline-offset:3px}@media(max-width:480px){.ll-primary-navigation.ear-music-navigation{gap:2px!important;padding-left:5px!important;padding-right:5px!important}.ll-primary-navigation.ear-music-navigation a{padding-left:3px!important;padding-right:3px!important;font-size:11px!important}.ll-primary-navigation.ear-music-navigation a span{white-space:normal}.ear-music-quick{font-size:15px}}

.site-unified-navigation{box-sizing:border-box;position:fixed;bottom:max(8px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:1000;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:calc(100% - 20px);max-width:650px;padding:7px;border:1px solid #cbd5bf;border-radius:22px;background:#fffdf4;box-shadow:0 3px 14px #244d4020;font:600 13px/1.25 system-ui}.site-unified-navigation a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:48px;padding:5px;text-align:center;color:#244d40;text-decoration:none;border-radius:15px}.site-unified-navigation a[aria-current=page]{background:#e4ecd9}.site-unified-navigation a:focus-visible{outline:3px solid #8f590b;outline-offset:2px}.site-unified-navigation svg{fill:none;stroke:currentColor;stroke-width:1.8}.site-unified-navigation a>span:first-child:not(:last-child){font-size:23px}body:has(.site-unified-navigation){padding-bottom:95px}.ll-primary-navigation.ear-music-navigation{grid-template-columns:repeat(4,minmax(0,1fr))!important}.ll-primary-navigation.ear-music-navigation a{min-width:0;flex:1 1 0;font-size:13px}.ll-primary-navigation [data-ear-candy-mobile] svg{fill:none;stroke:currentColor;stroke-width:1.8;width:24px;height:24px;flex:0 0 auto}.ear-music-quick{display:block;margin:0 0 18px;padding:13px 18px;border:1px solid #b9cba3;border-radius:18px;background:#e7eedc;color:#203f31;font:700 16px/1.5 system-ui;text-decoration:underline;text-underline-offset:3px}.ear-music-quick:focus-visible{outline:3px solid #8f590b;outline-offset:3px}img.cover{aspect-ratio:1/1;height:auto}@media(max-width:480px){.ll-primary-navigation.ear-music-navigation{gap:2px!important;padding-left:5px!important;padding-right:5px!important}.ll-primary-navigation.ear-music-navigation a{padding-left:3px!important;padding-right:3px!important;font-size:11px!important}.ll-primary-navigation.ear-music-navigation a span{white-space:normal}.ear-music-quick{font-size:15px}}
.site-has-navigation{padding-bottom:95px}

/* /assets/learning-navigation-css-24e7abb58814.css */
:root{--ink:#244d40;--paper:#faf8f1;--sage:#e7eedc;--line:#dbe2d5;--focus:#9a631e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 'Segoe UI',Arial,sans-serif;padding-bottom:90px}a{color:inherit}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}.preview-header{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid var(--line)}.preview-brand{font:600 23px/1.15 Georgia,serif;text-decoration:none;max-width:180px}.preview-brand small{display:block;font:12px/1.5 system-ui;letter-spacing:.02em}.header-options{display:flex;align-items:center;gap:20px}.language-label{font-size:12px;display:grid;gap:3px}.language-label select{min-height:44px;border:1px solid #bcc9ba;border-radius:12px;background:#fffdf7;color:var(--ink);padding:6px 28px 6px 10px}#adult{font-size:14px}.lesson-main{max-width:1120px;padding:24px;margin:auto}h1{font:500 clamp(28px,4vw,42px)/1.15 Georgia,serif;letter-spacing:-.6px;margin:0 0 9px}#intro{margin:0 0 18px;color:#536457}.filters{display:grid;grid-template-columns:minmax(200px,1fr) 210px;gap:12px;margin-bottom:12px}.filters label{display:grid;gap:5px;font-size:13px;font-weight:600}.filters input,.filters select{width:100%;min-height:46px;background:#fffdf8;border:1px solid #b9c6b7;border-radius:12px;padding:10px;color:var(--ink)}.results-bar{display:flex;justify-content:space-between;align-items:center;min-height:28px;margin:0 0 14px;font-size:13px;color:#566459}#count{margin:0}#clear{border:0;background:transparent;color:var(--ink);text-decoration:underline;min-height:44px;cursor:pointer}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lesson-card{background:#fffdf8;border:1px solid var(--line);border-radius:19px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.lesson-card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#f1f0e7}.card-body{padding:18px;display:flex;flex-direction:column;flex:1}.category{font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;color:#5c6e5c}.lesson-card h2{font:500 23px/1.2 Georgia,serif;margin:0 0 17px}.card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.card-actions a{display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid var(--ink);border-radius:11px;min-height:44px;padding:9px 13px;font-size:14px;font-weight:600;text-decoration:none}.card-actions a:first-child{background:var(--ink);color:#fffdf7}.card-actions a[data-format=video]{background:var(--sage);color:var(--ink);border-color:#bdcbb4}.preview-footer{max-width:1120px;margin:20px auto;padding:15px 24px;font-size:12px;color:#5c6e5c}#preview-note{color:#875a22}.ll-primary-navigation{position:fixed!important;bottom:max(8px,env(safe-area-inset-bottom))!important;left:50%!important;transform:translateX(-50%)!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:min(560px,calc(100% - 16px))!important;margin:0!important;background:#fffdf4!important;padding:5px!important;border:1px solid #d4dfcc!important;border-radius:19px!important;z-index:1000;box-shadow:0 3px 14px #244d4015}.ll-primary-navigation a{display:flex!important;flex-direction:column!important;gap:3px!important;align-items:center;justify-content:center;min-width:0;min-height:51px;padding:6px 3px!important;text-decoration:none;border-radius:13px;font:600 12px/1.2 system-ui!important;color:var(--ink)}.ll-primary-navigation a[aria-current=page]{background:var(--sage)}.ll-primary-navigation svg{width:20px!important;height:20px!important;max-width:20px!important;fill:none;stroke:currentColor;stroke-width:1.7}.ear-candy-global-nav,[data-ear-candy-quick]{display:none!important}body.preview-existing{padding-bottom:95px}body.preview-existing .hero h1{font-size:clamp(32px,4vw,55px)}@media(max-width:720px){.preview-header{padding:12px 16px;gap:10px}.preview-brand{font-size:21px;max-width:130px}.header-options{gap:12px;align-items:center}#adult{font-size:12px}.language-label{font-size:11px}.language-label select{font-size:14px;max-width:120px}.lesson-main{padding:20px 16px}.filters{grid-template-columns:minmax(0,1fr) minmax(125px,.85fr);gap:8px}.filters input,.filters select{font-size:14px;padding:9px 8px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lesson-card h2{font-size:19px}.card-body{padding:13px}.card-actions{flex-direction:column}.card-actions a{font-size:13px;padding:8px}.category{font-size:9px}.preview-existing .header{padding:10px 16px!important;min-height:68px!important}.preview-existing .brand{font-size:19px!important}.preview-existing .sidebar{display:none!important}.preview-existing .layout{display:block!important}.preview-existing .main{padding:16px!important}.preview-existing h1{font-size:32px!important}.preview-existing .hero{padding-top:18px!important}.preview-existing .hero h1{font-size:32px!important}.preview-existing .website-nav{margin:0}.preview-existing .hero p{font-size:16px!important}}
@media(max-width:420px){.lesson-grid{grid-template-columns:minmax(0,1fr)}.lesson-card{display:grid;grid-template-columns:110px minmax(0,1fr);min-height:160px;align-items:stretch}.lesson-card>img{height:100%;min-height:160px;aspect-ratio:auto;object-fit:contain;padding:6px}.lesson-card h2{font-size:20px;margin-bottom:12px}.card-body{padding:14px 12px}.card-actions{flex-direction:row;gap:6px}.card-actions a{flex:1 1 auto;font-size:12px;min-height:44px;padding:7px 8px}.category{font-size:9px;letter-spacing:.03em}.filters{grid-template-columns:1fr}.filters label{gap:3px}.header-options{gap:9px}.preview-header #adult{max-width:54px;text-align:center}#intro{font-size:14px;margin-bottom:12px}.lesson-main{padding-top:18px}.results-bar{margin-bottom:10px}}
.theme-select{position:relative;display:block;font-weight:400}.select-trigger{width:100%;min-height:46px;border:1px solid #b9c6b7;border-radius:12px;background:#fffdf8;color:#244d40;text-align:left;padding:9px 30px 9px 10px;cursor:pointer;position:relative}.select-trigger:after{content:"⌄";position:absolute;right:12px}.select-options{position:absolute;display:grid;left:0;top:calc(100% + 5px);min-width:100%;width:max-content;max-width:min(280px,calc(100vw - 40px));background:#fffdf4;padding:5px;border:1px solid #b9c6b7;border-radius:12px;box-shadow:0 7px 20px #244d4020;z-index:1100}.select-option{display:block;text-align:left;min-height:44px;padding:9px;border:0;border-radius:7px;background:transparent;color:#244d40;cursor:pointer;font-size:14px}.select-option[aria-selected=true],.select-option:hover{background:#e7eedc}.select-option:focus{outline:2px solid #98601f;outline-offset:-2px}.language-label .select-trigger{min-width:105px;font-size:14px}.language-label .select-options{left:auto;right:0}.skip-link:focus{top:0!important;background:white;z-index:2000;padding:10px}
@media(max-width:420px){.preview-header #adult{max-width:none;white-space:nowrap;font-size:11px}.preview-header{gap:8px}.preview-brand{font-size:20px;min-width:0}.header-options{gap:8px}}