@font-face{
 font-family:'Atkinson Hyperlegible Next';font-style:normal;font-weight:200 800;font-display:block;
 src:url('/fonts/atkinson-hyperlegible-next-latin-ext.woff2') format('woff2');
 unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
 font-family:'Atkinson Hyperlegible Next';font-style:normal;font-weight:200 800;font-display:block;
 src:url('/fonts/atkinson-hyperlegible-next-latin.woff2') format('woff2');
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
/* Keep printed letters consistent from the first search tile to connected text. */
.path-dialog[data-course="deutsch"] :is(.path-hunt-tile,.path-letter-anchor,.path-print-form,.path-board h3,
 .path-reading-text,.path-read-alone,.path-answer,.path-tile,.path-letter,.path-mark-part,.path-built-part,
 .path-entry-input,.path-reader-line button,.path-pair-result,.path-response strong,.path-order-tile,
 .path-prompt,.path-guide,.path-hint,.path-solution-detail){
 font-family:'Atkinson Hyperlegible Next',Georgia,serif
}
.school-path-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:570px;margin:auto auto 0}
.school-main:has(.school-path-links) .school-subjects{margin:0 auto auto}
.school-path-links button{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;background:#e4efdf;color:#35553c;border:2px solid #a8bca3;font-weight:750}
.school-path-links small{display:block;font-size:.75em;font-weight:550}
.school-path-links .school-glyph{width:28px;height:28px}
.school-path-links button{min-height:74px;padding:8px 6px;font-size:clamp(16px,3vw,22px)}
.school-path-links #path-deutsch{background:#476856;color:#fff8df;border-color:#365641}
.school-path-links small{margin-top:3px}
.path-lesson-track{display:flex;align-items:center;justify-content:center;gap:8px}
.path-lesson-track canvas,.path-companion canvas{flex:none}
.path-header-progress{display:flex;align-items:center;min-width:0}.path-header-progress:empty{display:none}
.path-home{flex:none}
.path-step-reading,.path-full-text{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;max-width:100%}
.path-step-reading .school-glyph,.path-full-text .school-glyph{width:19px;height:19px;flex:none}
.path-step-dots{display:inline-flex;align-items:center;gap:5px}
.path-step-dots i{inline-size:9px;block-size:9px;border-radius:50%;border:1px solid #94a68b;background:#f8f8ed}
.path-step-dots i.done{background:#587650;border-color:#587650}
.path-step-dots i.current{background:#ffdf95;border:2px solid #936e3f;box-shadow:0 0 0 2px #fff6d8}
.path-dialog progress{display:block;width:100%;height:8px;accent-color:#587950;border:0;border-radius:8px;background:#dce4ce}
.path-dialog progress::-webkit-progress-bar{background:#dce4ce;border-radius:8px}
.path-dialog progress::-webkit-progress-value{background:#587950;border-radius:8px}
.path-pet-select,.path-companion{width:min(100%,410px)}
.path-companion{display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 12px;border-radius:14px;background:#edf1df}
.path-pet-caption{min-width:0;display:grid;gap:4px;flex:1;color:#34553c;overflow-wrap:anywhere}
.path-pet-points,.path-cover-tally,.path-review-count{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;color:#435e43}
.path-pet-points .school-glyph,.path-cover-tally .school-glyph,.path-review-count .school-glyph,.path-gain .school-glyph{width:18px;height:18px}
.path-pet-points{font-size:14px;font-weight:680}
.path-pet-caption small{font-size:14px}
.path-pet-select summary,.path-itinerary summary{display:flex;align-items:center;gap:6px;cursor:pointer;min-height:44px;font-weight:650;color:#426345;list-style:none}
.path-pet-select summary::-webkit-details-marker,.path-itinerary summary::-webkit-details-marker{display:none}
.path-pet-select summary{padding-right:10px;background:#edf1df;border-radius:14px}
.path-pet-select summary::after,.path-itinerary summary::after{content:'';width:8px;height:8px;flex:none;border:solid #536c57;border-width:0 2px 2px 0;transform:rotate(45deg);margin-left:auto}
.path-pet-select[open] summary::after,.path-itinerary[open] summary::after{transform:rotate(225deg)}
.path-pet-select summary .path-companion{width:auto;flex:1}
.path-pet-select .pet-picker{margin-top:6px}
.path-itinerary{width:min(100%,560px)}.path-itinerary summary{padding:7px 12px;border:1px solid #bbc8ad;border-radius:13px;background:#fffdf5}
.path-review-count{margin-left:auto;font-size:14px}
.path-main .path-gain{display:inline-flex;align-items:center;gap:4px;margin:0;color:#355e3c;font-weight:750;text-align:center}
.path-board .path-reading-text{margin:4px 0;color:#fffae7;font-weight:650;font-size:clamp(24px,4.8vw,34px);line-height:1.55;text-align:left;overflow-wrap:break-word}
.path-reading-text .path-new-part{background:#ffffff16;border-bottom:2px solid #eace91}
.path-hint{margin-top:6px;color:#455e4a}
.path-reader .school-small{margin:3px}
.path-reader [hidden]{display:none}
.path-read-alone{padding:10px 4px;text-align:left;color:#304b38;font:650 clamp(23px,4vw,31px)/1.55 Nunito,'Segoe UI',sans-serif}
.path-order{width:min(100%,420px);display:grid;gap:4px;color:#35513a}
.path-order-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}
.path-order-tile{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:54px;padding:3px 5px;background:#fffdf3;color:#324d38;border:2px solid #adbea3;border-radius:11px;font-size:clamp(17px,3.5vw,23px);font-weight:700}
.path-order-tile:disabled{opacity:.62}.path-order-tile[aria-pressed=true]{background:#d9ebce;border-color:#55794c}
.path-landmark{font-size:27px}
.path-order-result{display:flex;align-items:center;justify-content:center;gap:10px;padding:4px 12px;background:#e3efd9;color:#38543c;border-radius:12px}
.path-order-feedback{display:grid;gap:4px;text-align:center}
.path-main{width:100%;min-width:0;margin:0;align-items:center;justify-content:flex-start;overflow-y:auto;overscroll-behavior-x:contain}
.path-main img,.path-main svg,.path-main canvas{max-inline-size:100%}
.path-board p{margin:3px 0;color:#f9edcf}
.path-board{padding:16px}
.path-cover{width:100%;overflow:hidden;border-radius:18px;border:1px solid #b1bf9f;background:#fbf8e9}
.path-cover .path-panorama{border-radius:0}
.path-cover-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;color:#3f5946}
.path-cover-copy p,.path-cover-copy h3{margin:0}
.path-cover-copy p{color:#4c604e}
.path-cover-copy h3{min-width:0;overflow-wrap:anywhere;font-family:inherit;font-weight:740;font-size:clamp(24px,5vw,33px);line-height:1.2;margin:3px 0 5px}
.path-cover-tally{font-size:15px;font-weight:700}
.path-stage{margin:0;color:#4d6353;font-weight:700;text-align:center}
.path-map{width:100%;list-style:none;margin:0;padding:0}
.path-map li{display:flex;align-items:center;gap:12px;padding:8px;border-bottom:1px solid #d9dccd}
.path-map small{margin-left:auto;white-space:nowrap}
.path-map li>span:nth-child(2){min-width:0;overflow-wrap:break-word}
.path-map .path-station-count{display:block;margin:3px 0 0;color:#556a58;font-weight:500;font-size:13px}
.path-stage-practice{display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:44px;padding:9px;border-radius:12px;border:1px solid #b2c2a8;background:#f2f6e8;color:#365d44}
.path-stage-practice .school-glyph{width:20px;height:20px}
.path-dialog[data-phase=summary] .path-footer .path-primary-action:not(:last-child){min-width:44px;padding-inline:10px;max-width:60px;margin-left:0}
.path-marker{display:grid;place-items:center;border-radius:50%;background:#e7e6d9;width:28px;height:28px;flex:none}
.path-active{font-weight:750;background:#e4eedc;border-radius:10px}
.path-active .path-marker{background:#4c695c;color:white}
.path-board{margin-top:auto}
.path-board h3{font-size:clamp(25px,5vw,37px);line-height:1.32;white-space:pre-wrap;overflow-wrap:anywhere}
.path-board h3.path-symbol{font:650 clamp(48px,13vw,80px)/1.25 'Segoe UI',system-ui,sans-serif}
.path-listen-board{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:60px;
 color:#fffae2;background:transparent;border:1px solid #b8c6b1;border-radius:10px;font-size:20px;font-weight:700}
.path-listen-board:hover{background:#415c50}.path-listen-board span{font-size:34px}
.path-dialog .school-tool{font-size:22px}
.path-prompt,.path-feedback{text-align:center;font-size:clamp(17px,3vw,21px);font-weight:700;margin:0}
.path-prompt{color:#38503e}
.path-answers{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}
.path-answer{flex:1 1 85px;min-height:62px;min-width:0;padding:8px 5px;color:#364c3c;background:#fffdf5;border:2px solid #b3c4a9;font-size:clamp(20px,4.5vw,30px);font-weight:750;line-height:1.24}
.path-answer svg{display:block;max-height:95px;width:100%}
.path-short{font-size:clamp(28px,7vw,42px)}
.path-answer:disabled{opacity:.8}
.path-answer.path-right{background:#d9edc9;border:3px solid #5f8856;opacity:1}
.path-answer.path-missed{background:#f4e1d7;border-color:#bb8d78}
.path-text-answers .path-answer{flex-basis:max-content;padding-inline:10px;overflow-wrap:normal}
.path-sentence-answers{display:grid;grid-template-columns:minmax(0,1fr)}
.path-sentence-answers .path-answer{min-height:48px;font-size:clamp(18px,3.25vw,24px);overflow-wrap:normal}
.path-dialog .path-feedback:focus,.path-dialog .path-prompt:focus{outline:0}
.path-work{display:grid;gap:14px;justify-items:center;width:100%;max-width:540px}
.path-work button:focus-visible,.path-built button:focus-visible{outline:3px solid #426c8a;outline-offset:2px}
.path-check{min-width:134px}
.path-tile,.path-letter,.path-mark-part{
 min-height:48px;min-width:44px;padding:5px 11px;background:#fffdf5;color:#314e3c;
 border:2px solid #acc09f;border-radius:12px;font-weight:680;font-size:clamp(20px,4.8vw,31px);line-height:1.3;
 overflow-wrap:anywhere
}
.path-tile[aria-pressed="true"],.path-mark-part[aria-pressed="true"]{
 background:#d8eacd;color:#23462e;border-color:#537a4c;box-shadow:inset 0 -3px #66885d
}
.path-construction,.path-entry{width:100%;display:grid;justify-items:center;gap:12px}
.path-bank,.path-letters{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.path-built{
 display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;min-height:64px;
 padding:5px 8px;border-radius:12px;border:2px dashed #91a789;background:#f0f5e5
}
.path-built.path-spaced{gap:0 .27em}
.path-placeholder,.path-response small{color:#526851;font-size:16px;font-weight:580}
.path-built-part{padding:1px 0;min-height:44px;min-width:0;border:0;border-bottom:2px solid #83a478;border-radius:0;
 color:#304d38;background:transparent;font:700 clamp(24px,5.5vw,35px)/1.25 'Segoe UI',sans-serif}
.path-built-part:hover{background:#d7e8cf}
.path-bank .path-tile,.path-built-part{max-width:100%;overflow-wrap:anywhere}
.path-pair-grid{display:grid;width:100%;grid-template-columns:minmax(0,1fr) clamp(35px,12vw,82px) minmax(0,1fr);align-items:stretch}
.path-picture-pairs{grid-template-columns:minmax(0,1fr) clamp(32px,8vw,62px) clamp(64px,18vw,112px)}
.path-picture-pairs .path-pair-left button{overflow-wrap:normal;font-size:clamp(20px,3.6vw,27px)}
.path-pair-left,.path-pair-right{display:grid;grid-auto-rows:1fr}
.path-pair-grid .path-tile{position:relative;margin:3px 0;padding:3px 6px;min-width:0}
.path-pair-grid [data-wire="0"]{--wire-color:#5b7c98;--wire-bg:#e6eef3}
.path-pair-grid [data-wire="1"]{--wire-color:#896a96;--wire-bg:#f1eaf2}
.path-pair-grid [data-wire="2"]{--wire-color:#996945;--wire-bg:#f6ece1}
.path-pair-grid [data-wire="3"]{--wire-color:#567857;--wire-bg:#e4eee0}
.path-pair-grid .path-connected{border-color:var(--wire-color);background:var(--wire-bg)}
.path-pair-grid .path-tile[aria-pressed="true"]{background:#d4e7c7;border-color:#537a4c}
.path-pair-lines{display:block;width:100%;height:100%;overflow:visible;align-self:stretch;pointer-events:none}
.path-pair-lines line{stroke:var(--wire-color);stroke-width:3}
.path-pair-result{list-style:none;padding:0;margin:0;width:min(100%,420px);display:grid;gap:4px}
.path-pair-result li{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;
 padding:5px 10px;border-radius:9px;color:#2f4e35;background:#e6efd9;font-weight:650;font-size:clamp(19px,4vw,26px)}
.path-pair-result li span:first-child{text-align:right}.path-link-symbol{font-size:.85em;color:#58765c}
.path-pair-result small{grid-column:1/-1;font-size:14px;text-align:center;font-weight:500}
.path-pair-result li:has(.path-word-art){grid-template-columns:minmax(0,1fr) auto 64px}
.path-mark{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:100%;margin:auto;
 padding:8px 4px;border-bottom:2px solid #9eae91;background:#fffdf5;border-radius:10px}
.path-mark-part{min-width:26px;padding:3px 2px;border:1px solid transparent;border-radius:5px;
 font-weight:650;font-size:clamp(25px,5.8vw,37px);color:#324c38;background:transparent}
.path-mark-words{gap:2px .3em}.path-mark-words .path-mark-part{min-width:44px;font-size:clamp(21px,4.8vw,30px)}
.path-mark-passage{justify-content:flex-start;width:100%;padding:8px 12px;gap:0 .22em}
.path-mark-passage .path-mark-part{min-width:0;border-bottom-color:#ced8bf}
.path-locations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;padding:0;background:transparent;border:0}
.path-locations .path-mark-part{display:grid;align-content:center;gap:3px;min-width:0;background:#fffdf5;border:2px solid #a7b89f;white-space:nowrap}
.path-locations .path-mark-part[aria-pressed="true"]{background:#d8eacd;border-color:#537a4c}
.path-locations small{font-size:15px}
.path-mark-part:disabled{opacity:1}
.path-mark-part.path-missed{border-bottom:2px dashed #a05a40}
.path-entry-input{font:650 clamp(23px,5vw,32px)/1.3 'Segoe UI',sans-serif;min-width:0;width:min(100%,360px);
 border:2px solid #92ae8b;border-radius:13px;padding:10px;text-align:center;background:#fffcf2;color:#304b35}
.path-entry-input:focus{outline:3px solid #426c8a;outline-offset:1px}
.path-letter{min-height:44px;font-size:20px;padding:3px 8px}
.path-response{width:min(100%,420px);display:grid;gap:2px;justify-items:center;border-radius:12px;
 padding:8px;color:#374f3d;background:#f0f3e8;text-align:center}
.path-response strong{font-size:clamp(22px,5vw,30px);overflow-wrap:anywhere}
.path-visually-hidden{position:absolute;clip-path:inset(100%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.path-reader{text-align:center;width:100%;padding:8px;background:#fffdf3;border:1px solid #c7ceba;border-radius:14px}
.path-reader p{margin:0;font-weight:650}.path-reader-line{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:6px;margin:8px 0}
.path-reread{width:min(100%,460px);text-align:center}
.path-reread summary{cursor:pointer;min-height:44px;padding:10px;color:#3a5949;font-weight:650}
.path-reader-line button{min-height:44px;min-width:42px;padding:3px 7px;border:0;border-bottom:3px solid #99b199;border-radius:6px;background:#f2f5e9;color:#264a36;font-weight:700;font-size:clamp(21px,5vw,30px)}
.path-reader-line.path-joined{gap:0}.path-joined button:nth-child(2n){color:#474b7d;border-color:#b0aecb}
.path-reader-line button.path-sounding{background:#dcebcf;box-shadow:inset 0 -3px #527a50}
.path-beat{display:grid;justify-items:center;gap:8px;width:100%}
.path-beat .path-beat-pad{touch-action:manipulation;background:#d8eacb;color:#2e5537;border:3px solid #90a68b;border-radius:28px;min-height:72px;width:min(96%,288px);font-size:24px;font-weight:750}
.path-beat .path-beat-pad:active{background:#c3dfa8}.path-beat output{font:600 22px/1 system-ui;color:#486b46;min-height:24px}
.path-exercise-body{display:grid;gap:16px;width:100%;margin-block:auto;align-content:center}
.path-stimulus,.path-task{display:grid;align-content:start;justify-items:center;gap:10px;min-width:0}
.path-instruction{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;max-inline-size:100%}
.path-instruction>.path-activity-art{width:34px}
.path-instruction .path-prompt{flex:1 1 150px;font-size:clamp(17px,3.6vw,21px)}
.path-instruction>.school-glyph{width:17px;height:17px}
.path-instruction .path-helpers{width:auto;align-items:center}
.path-instruction:has(.path-guide[open]) .path-helpers{width:100%}
.path-icon-button,.path-guide:not([open]) summary{display:inline-grid;place-items:center;min-width:44px;min-height:44px;
 border:1px solid #b8c6af;border-radius:14px;background:#fbf9ec;color:#45634c;padding:7px;line-height:1}
.path-icon-button .school-glyph{width:22px;height:22px}
.path-stimulus .path-board{margin:0}
.path-board .path-word-art{margin-block:4px}
.path-footer{flex:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;
 padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
 border-top:1px solid #cfdbc0;background:#f5f5e6}
.path-footer:empty{display:none}
.path-dialog .path-footer .school-primary{background:#476951;color:#fffbee;border-color:#3b5b45;box-shadow:0 2px 0 #2f4937}
.path-dialog .path-audio-button,.path-guide summary{min-height:44px;font-size:15px;line-height:1.2}
.path-audio-button .school-glyph,.path-guide .school-glyph{width:20px;height:20px}
.path-dialog[data-speaking] .school-head [aria-pressed="true"]{background:#deebd4;border-color:#719069}
.path-helpers,.path-feedback-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:flex-start;justify-content:center;width:100%}
.path-guide{min-width:0;text-align:center}
.path-guide summary{display:inline-flex;gap:6px;align-items:center;justify-content:center;
 border:1px solid #b0bfa5;border-radius:14px;padding:6px 12px;color:#385442;background:#f0f3e8;cursor:pointer;font-weight:750;list-style:none}
.path-guide summary::-webkit-details-marker{display:none}
.path-guide summary::after{content:none}
.path-guide[open]{width:100%;border-radius:14px;background:#f0f3e8;padding:6px 10px 10px}
.path-guide p{margin:7px 0;line-height:1.45}
.path-guide .math-apple-aid{margin:8px auto}
.path-guide .math-apple-sign{color:#48623f}
.path-feedback{width:100%;display:flex;align-items:flex-start;gap:8px;padding:12px;border-radius:14px;
 border:2px solid #c1d1ae;color:#344e37;background:#edf5df;text-align:left;scroll-margin-block:8px}
.path-dialog[data-outcome="retry"] .path-feedback{background:#fcf3dd;border-color:#dcc69c;color:#554630}
.path-feedback-copy{min-width:0}
.path-feedback-copy h3{margin:0;font-family:inherit;font-weight:740;font-size:clamp(19px,3.7vw,25px);line-height:1.22;color:inherit}
.path-feedback-copy p{color:inherit;font-size:clamp(16px,3.4vw,19px);line-height:1.36;margin:6px 0 0;overflow-wrap:anywhere}
.path-feedback-copy .path-hint,.path-feedback-copy .path-solution-detail{font-weight:500}
.path-feedback-copy .path-gain{font-size:15px;text-align:left}
.path-result-icon{flex:none;display:grid;place-items:center}
.path-audio-button:focus-visible,.path-guide summary:focus-visible{outline:3px solid #426c8a;outline-offset:2px}
.path-answer{position:relative;border-radius:14px;overflow-wrap:anywhere}
.path-answer.path-right::after,.path-answer.path-missed::after{
 position:absolute;right:1px;top:1px;width:17px;height:17px;display:grid;place-items:center;
 border-radius:50%;font:750 12px/1 system-ui;background:#477346;color:white}
.path-answer.path-right::after{content:'✓' / ''}.path-answer.path-missed::after{content:'↺' / '';background:#865d49}
.path-count{display:flex;flex-wrap:wrap;gap:7px 12px;justify-content:center;padding:4px}
.path-five{display:inline-flex;gap:3px}
.path-dot{width:clamp(17px,4vw,26px);aspect-ratio:1;background:#ffdfa4;border:2px solid #f3cb82;border-radius:50%;box-shadow:inset 0 -2px #d1a55e}
.path-beat-result{display:grid;gap:3px;text-align:center;color:#34533a}
.path-beat-result strong{font-size:26px;letter-spacing:.12em;color:#58784b}
.path-letter-intro{position:relative;display:grid;justify-items:center;gap:10px;width:min(100%,420px);margin:auto;
 padding:clamp(16px,4vw,28px);border:2px solid #adc2a3;border-radius:20px;background:#fffdf3;box-shadow:0 4px 0 #d4dfbc}
.path-letter-models{display:flex;justify-content:center;align-items:center;width:100%;max-width:340px;color:#315842;
 background:linear-gradient(to bottom,transparent 40%,#dfe7d4 40%,#dfe7d4 41%,transparent 41%,transparent 75%,#a6b99b 75%,#a6b99b 76%,transparent 76%)}
.path-letter-models .path-letter-sample{width:min(38%,135px);height:auto;max-height:23dvh}
.path-letter-anchor{display:flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(24px,5vw,34px);color:#3e5541}
.path-anchor-letter{text-decoration:underline;text-decoration-color:#85a56e;text-underline-offset:4px}
.path-letter-anchor .path-word-art{width:clamp(52px,14vw,76px);border:0;background:transparent}
.path-print-form{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:3px;color:#56705d;font:600 24px/1.2 'Segoe UI',sans-serif}
.path-print-form .school-glyph{width:15px;height:15px}
.path-exercise-body.path-letter-task{grid-template-columns:minmax(0,1fr);gap:8px;max-width:580px;margin-inline:auto}
.path-letter-task .path-task,.path-letter-task .path-work{width:100%;min-width:0}
.path-letter-task .path-instruction{width:100%;justify-content:center}
.path-letter-task .path-instruction .path-prompt{flex:0 1 auto}
.path-letter-target{display:inline-flex;align-items:center;gap:2px;color:#355e48;line-height:1}
.path-letter-target .path-letter-sample{width:30px;height:40px}
.path-trace-rounds{display:inline-flex;align-items:center;gap:5px}
.path-trace-round{position:relative;display:grid;place-items:center;width:32px;height:35px;color:#657562;border:1px dashed #b8c4ac;border-radius:8px}
.path-trace-round .path-letter-sample{width:24px;height:29px}
.path-trace-round[data-state="current"]{color:#305640;background:#fff9e7;border:2px solid #7a8657}
.path-trace-round[data-state="done"]{color:#31573e;background:#dcebd6;border:1px solid #80a283}
.path-trace-round[data-state="done"]::after{content:'✓' / '';position:absolute;right:-3px;bottom:-3px;width:13px;height:13px;border-radius:50%;color:#fff;background:#416849;font:700 10px/13px system-ui;text-align:center}
.path-letter-task:has(.path-trace-rounds) .path-instruction{min-height:44px}
.path-trace-note{justify-self:center;width:min(100%,390px);padding:3px 6px;text-align:center;color:#36563f}
.path-trace-note:focus{outline:0}
.path-trace-note .path-reaction{margin:0;font-family:inherit;font-size:17px;line-height:1.3;font-weight:700}
.path-trace-note .path-hint{margin:3px 0 0;color:#674e32;font-size:15px;line-height:1.35}
@media(max-width:480px) and (max-height:700px){
 .path-exercise-body.path-trace-between{gap:4px}
 .path-trace-between .path-trace-surface[role="img"]{width:min(100%,36dvh,218px)}
}
.path-letter-hunt{position:relative;isolation:isolate;container-type:inline-size;width:100%;min-width:0;max-width:510px;
 padding:clamp(9px,2vw,14px);overflow:hidden;border:2px solid #98b497;border-radius:18px;background:#d7e2bc}
.path-hunt-meadow{position:absolute;inset:0;width:100%;height:100%;z-index:-1;object-fit:cover;pointer-events:none}
.path-hunt-letters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(4px,1.4vw,9px);padding-block:12px}
.path-hunt-tile{position:relative;justify-self:center;display:grid;place-items:center;width:100%;max-width:62px;min-width:0;min-height:46px;
 padding:0;border:2px solid #b9c69c;border-radius:40% 38% 42% 36%;background:#fffbe6;color:#304a37;
 font:650 clamp(26px,5vw,34px)/1.05 'Segoe UI',sans-serif;box-shadow:0 2px 0 #83986a55}
.path-hunt-tile:nth-child(3n){transform:translateY(-3px) rotate(-3deg)}
.path-hunt-tile:nth-child(4n+1){transform:translateY(2px) rotate(3deg)}
.path-hunt-tile .path-letter-sample{width:30px;height:36px}
.path-hunt-tile[aria-pressed=true],.path-hunt-tile.path-found{border-color:#446c48;background:#d6e9ad}
.path-hunt-tile[aria-pressed=true]::after,.path-hunt-tile.path-found::after{content:'✓' / '';position:absolute;right:-2px;top:-3px;background:#416741;border-radius:50%;color:white;font:700 12px/16px system-ui;width:16px}
.path-hunt-tile.path-missed{background:#ffeed3;border-color:#ac704e}
.path-hunt-tile.path-missed::after{content:'↺' / '';background:#946849}
.path-hunt-tile.path-overlooked{border-style:dashed;background:#f4f4d5}
.path-hunt-tile.path-overlooked::after{content:'+' / ''}
.path-hunt-tile:disabled{opacity:1}
@container(max-width:255px){.path-hunt-letters{grid-template-columns:repeat(4,minmax(0,1fr))}}
.path-footer{justify-content:flex-start}
.path-footer>.school-primary{margin-left:auto;min-width:88px}
.path-footer .path-primary-action{min-width:90px}
.path-dialog[data-phase="example"] .path-main>:last-child,.path-dialog[data-phase="reading"] .path-main>:last-child{margin-bottom:auto}
@media(prefers-reduced-motion:no-preference){
 .path-new-part,.path-built-part:last-child{animation:path-appear .22s ease-out}
 .path-new-wire{stroke-dasharray:1;animation:path-connect .24s ease-out}
 .path-beat-pad:active,.path-bank .path-tile:active{transform:translateY(2px)}
 @keyframes path-appear{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
 @keyframes path-connect{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
}
@media(min-width:820px) and (min-height:521px){
 .path-dialog{width:min(94vw,820px);height:min(88dvh,760px)}
 .path-exercise-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px}
 .path-stimulus,.path-task{gap:14px}
 .path-dialog[data-activity="pairs"] .path-exercise-body{grid-template-columns:minmax(0,1fr)}
}
@media(max-height:520px) and (min-width:530px){
 .path-exercise-body{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:10px;align-items:start;margin-block:0}
 .path-dialog .path-main{gap:6px;padding-block:8px}
 .path-stimulus,.path-task{gap:5px}
 .path-footer{padding-block:4px max(5px,env(safe-area-inset-bottom))}
 .path-footer button{min-height:44px}.path-board{padding:7px}.path-board h3{font-size:24px}
 .path-exercise-body.path-letter-task{grid-template-columns:minmax(108px,.36fr) minmax(0,1fr);align-items:center;max-width:760px}
 .path-exercise-body.path-trace-between{grid-template-columns:minmax(165px,.85fr) minmax(0,1fr);grid-template-areas:"instruction sheet" "note sheet";column-gap:14px;row-gap:5px}
 .path-trace-between .path-stimulus{grid-area:instruction;align-self:end}
 .path-trace-between .path-task{grid-area:sheet}
 .path-trace-between .path-trace-note{grid-area:note;align-self:start}
 .path-letter-task .path-helpers{width:100%}
 .path-letter-hunt{padding:6px}
 @container(min-width:345px){.path-hunt-letters{grid-template-columns:repeat(7,minmax(0,1fr));padding-block:5px;gap:4px}}
}
@media(max-width:420px){
 .path-footer{gap:6px}
 .path-footer .school-primary{min-width:86px;max-width:166px;padding-inline:15px;flex:none}
 .path-header-progress+.school-tool{margin-left:auto}
 .path-dialog:has(.path-header-progress:not(:empty)) .school-title{position:absolute;clip-path:inset(100%);width:1px;height:1px;overflow:hidden}
 .path-header-progress:not(:empty){flex:1;justify-content:center}
 .path-stimulus .path-board{padding:10px}
 .path-feedback{padding:8px}
 .path-order-tile canvas{max-width:40%;height:auto!important}
}
@media(pointer:coarse){
 .path-mark:not(.path-mark-words) .path-mark-part{min-width:44px}
 .path-mark-passage .path-mark-part{min-width:36px}
}