:root{font-family:Georgia,'Times New Roman',serif;color:#244538;background:#f6f3e9;font-synthesis:none;--green:#244f3a;--gold:#b38735;--muted:#647261}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bc8d38;outline-offset:4px}button{border:0}p{line-height:1.6}.masthead{max-width:1280px;margin:auto;padding:26px 38px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #deded0}.brand{display:flex;align-items:center;gap:12px;font-size:31px;text-decoration:none;color:var(--green)}.brand span{font:11px/1.6 system-ui;letter-spacing:2px}.brand b{font-weight:600}.edition{margin:auto;font:10px system-ui;letter-spacing:2px;color:var(--muted)}.quiet,.filelabel{background:#e9edde;color:#294934;border:1px solid #d5deca;border-radius:9px;padding:12px 17px;font:600 13px system-ui}.quiet:hover,.filelabel:hover{background:#dce5d2}main{max-width:1160px;margin:auto;padding:0 30px}.welcome{text-align:center;padding:55px 0 32px}.eyebrow{font:600 10px/1.5 system-ui;letter-spacing:2px;color:#7b754f;margin:0 0 12px}h1{font-size:clamp(32px,4vw,53px);font-weight:400;line-height:1.13;letter-spacing:-1.5px;margin:16px 0}h2{font-size:29px;font-weight:400;margin:0 0 12px}h3{font-weight:400;font-size:23px}.welcome>p:last-child{font-size:16px;color:var(--muted)}.studentbar{display:flex;align-items:center;gap:14px;margin:10px 0 25px}.studentbar>div:first-child{display:flex;align-items:center;gap:13px}.studentbar label{font:13px system-ui;color:var(--muted)}select,input{border:1px solid #ccd7c7;border-radius:8px;background:white;color:#244538;padding:11px;max-width:100%}.stars{margin-left:auto;color:#9f7424;font-size:29px}.stars small{font:12px system-ui;color:var(--muted)}.adventure{display:grid;grid-template-columns:1fr 1fr;background:#fffdf6;border:1px solid #dddcca;border-radius:18px;overflow:hidden;box-shadow:0 15px 50px #30472d0b}.artboard{position:relative;isolation:isolate;overflow:hidden;min-height:660px;background:#c8ba75}.artboard>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;inset:0}.parchment{position:absolute;inset:0 auto 0 0;width:47%;background:linear-gradient(90deg,#f8edc8,#f8edc8 96%,#f8edc8);padding:25px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;z-index:2}.parchment .eyebrow{font-size:8px;letter-spacing:1px}.artglyph{font:132px/1.1 Arial,sans-serif;color:#8b651f;margin:20px 0 10px;text-shadow:1px 2px #e7d396}.parchment h2{font-size:25px;line-height:1.2}.ornament{font-size:29px;color:#73814c}.arttreasure{font-size:21px;margin:8px 0}.parchment>p:not(.eyebrow):not(.arttreasure){font-size:16px;margin:3px 0;line-height:1.6}.artword{margin-top:auto;padding:20px 0 8px;width:100%;border-top:1px solid #c3b17a;display:flex;flex-direction:column;gap:8px}.artword span{font:36px Arial,sans-serif}.artword b{font-size:16px;font-weight:400}.artword small{font-size:15px}.sceneCap{position:absolute;top:0;right:0;width:53%;height:29%;z-index:1;background:linear-gradient(135deg,#254b32,#1f382c);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px;color:#f3e4ac;border-bottom:3px solid #aa8c41}.sceneCap span{font:9px/1.6 system-ui;letter-spacing:1.5px}.sceneCap b{font-weight:400;font-size:23px;margin:13px 0}.lesson{padding:30px 34px;display:flex;flex-direction:column}.lessonhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:30px}.lessonhead .eyebrow{margin:0}.badge{font:12px system-ui;color:#8c6d23;background:#f7edcd;padding:7px 10px;border-radius:20px;white-space:nowrap}#stage{outline:0;min-height:340px}#stage h2{font-size:35px}.bigletter{font:85px/1.2 Arial,sans-serif;color:var(--green);margin:12px 0}.sound{font:15px/1.6 system-ui;color:var(--muted)}.wordcard{background:#eff2e6;border-radius:12px;padding:18px;margin:22px 0}.wordcard .hebrew{font:38px Arial,sans-serif;display:block;margin-bottom:8px}.wordcard p{margin:7px 0;font-size:15px}.primary{background:var(--green);color:#fffdf0;border-radius:8px;padding:15px 23px;font:600 14px system-ui}.primary:hover{background:#346449}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.lesson>.actions{margin-top:auto;padding-top:22px}.options{display:grid;gap:10px;margin:24px 0}.option{border:1px solid #d8dece;background:#f5f6ee;color:var(--green);padding:16px;border-radius:9px;font:16px/1.4 system-ui;min-height:58px}.glyphoption{font:40px Arial,sans-serif}.option:hover:not(:disabled){background:#e5eedc;border-color:#678562}.option.good{background:#e0efda;border-color:#56764b}.option.bad{background:#f7e5d7;border-color:#ae7e5a}.feedback{font:14px/1.6 system-ui;min-height:23px}.panel{background:#fffdf6;border:1px solid #dddcca;border-radius:16px;padding:30px;margin-top:25px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:20px}.sectionhead h2{margin-bottom:0}.sectionhead>span{font:13px system-ui;color:var(--muted)}.panel>p,details>p{font:13px/1.7 system-ui;color:var(--muted)}.lettergrid{display:grid;grid-template-columns:repeat(11,1fr);gap:8px;margin:20px 0}.letterbutton{border:1px solid #dce0ce;border-radius:9px;background:#f5f4e8;color:var(--green);padding:10px 2px}.letterbutton span{display:block;font:30px Arial,sans-serif}.letterbutton small{display:block;font:10px/1.6 system-ui;color:#987322;direction:ltr}.letterbutton.current{border:2px solid #55734c;background:#e5ecd9}.letterbutton:disabled{opacity:.48}.letterbutton:hover:not(:disabled){background:#e5ecd9}summary{font:600 13px system-ui;cursor:pointer;padding:15px 0}.chart{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.chart>div{border:1px solid #e3e4d8;padding:12px 5px;text-align:center}.chart b{display:block;font:30px Arial,sans-serif}.chart small{display:block;font:11px/1.5 system-ui;direction:ltr}.finalForms{font:28px Arial,sans-serif}.rewards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:24px}.reward{padding:18px 13px;border:1px solid #dddcca;border-radius:12px;text-align:center;display:flex;flex-direction:column;align-items:center}.reward.earned{background:#f1f2df;border-color:#9ba773}.reward h3{font-size:21px;margin:10px 0}.reward p{font:13px/1.5 system-ui;overflow-wrap:anywhere}.reward small{font:11px/1.6 system-ui;color:var(--muted)}.reward button{margin-top:auto;font-size:11px;padding:11px}.recording{background:#eef2e4;padding:25px;border-radius:12px;margin-top:25px}.recording p{font:14px/1.7 system-ui}.check{display:flex;align-items:flex-start;gap:10px;font:14px/1.6 system-ui;margin-top:20px}.check input{width:18px;height:18px;flex-shrink:0}.small{font:12px/1.6 system-ui;color:var(--muted)}footer{text-align:center;padding:35px 10px 45px;font:11px/1.9 system-ui;color:var(--muted)}footer a{color:var(--green)}dialog{max-width:560px;width:calc(100% - 30px);max-height:90vh;border:1px solid #c8cfbb;border-radius:16px;padding:30px;color:var(--green);background:#fffdf5}dialog::backdrop{background:#122c22aa}dialog label:not(.filelabel){display:block;margin:18px 0 7px;font:13px system-ui}dialog input:not([type=file]){width:100%}dialog p{font:14px/1.7 system-ui}.dialoghead{display:flex;align-items:center;justify-content:space-between;gap:15px}.filelabel{display:inline-block;cursor:pointer}.filelabel input{display:none}hr{border:0;border-top:1px solid #dddcca;margin:28px 0}.notice{font:14px/1.6 system-ui;background:#fae9bd;padding:15px;border-radius:10px;margin:15px 0}#savedStatus{font:12px system-ui;margin-left:12px}@media(max-width:800px){.edition{display:none}.masthead{justify-content:space-between;padding:20px}.adventure{grid-template-columns:1fr}.artboard{min-height:650px}.artboard>img{object-position:center 60%}.lesson{padding:26px}.lettergrid{grid-template-columns:repeat(6,1fr)}.chart{grid-template-columns:repeat(4,1fr)}.rewards{grid-template-columns:repeat(2,1fr)}.studentbar{flex-wrap:wrap}.studentbar>div:first-child{flex:1}.studentbar label{display:none}.stars{margin-left:auto}.parchment{padding:24px}.parchment .eyebrow{font-size:10px}.artglyph{font-size:140px}.parchment h2{font-size:30px}.sceneCap{height:29%}.sceneCap b{font-size:26px}.lesson>.actions{margin-top:12px}}@media(max-width:440px){main{padding:0 13px}.masthead{padding:17px 13px;gap:10px}.brand span{font-size:8px;letter-spacing:1px}.masthead .quiet{padding:10px;font-size:11px}.welcome{padding-top:32px}.welcome>p:last-child{font-size:14px}.desktop{display:none}.studentbar{gap:8px}.studentbar .quiet{padding:10px;font-size:11px}.stars{font-size:23px}.artboard{min-height:570px}.parchment{padding:18px 10px;width:47%}.artglyph{font-size:103px;margin:18px 0}.parchment h2{font-size:21px}.parchment .eyebrow{font-size:7px}.arttreasure{font-size:18px}.parchment>p:not(.eyebrow):not(.arttreasure){font-size:14px}.artword span{font-size:30px}.sceneCap b{font-size:20px}.sceneCap span{font-size:7px}.panel{padding:20px}.lettergrid{gap:6px}.chart{grid-template-columns:repeat(3,1fr)}.sectionhead{gap:12px}.sectionhead h2{font-size:24px}.sectionhead>span{font-size:11px}.rewards{gap:9px}.reward{padding:15px 8px}.reward h3{font-size:19px}.lessonhead{margin-bottom:25px}.lesson{padding:24px 20px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}
/* Rebuilt, selectable teaching panels fully cover the source posters’ labels. */
.parchment{width:54%}.sceneCap{width:46%;height:32%}
@media(max-width:440px){.parchment{width:54%}.sceneCap{width:46%}}
.parchment{width:50%}.sceneCap{width:50%;height:38%}
@media(max-width:440px){.parchment{width:50%}.sceneCap{width:50%}}
dialog .check input{width:18px}

/* Fit the forest character in the space below the title panel. */
.artboard > .fitted-art {
  position: absolute;
  top: 38%;
  right: 0;
  width: 50%;
  height: 62%;
  background: #263c28;
}
.artboard > .fitted-art[hidden] { display: none; }

footer .adventure-feedback{font-size:15px;line-height:1.7;max-width:560px;margin:0 auto 20px}
