/* Klasse 1: gekapselte Darstellung in den warmen Farben der Schublade-App. */
.g1-dialog{--g1-ink:#3b2118;box-sizing:border-box;width:min(620px,calc(100% - 20px));max-height:94dvh;border:1px solid #decaab;border-radius:26px;padding:22px;background:#fffaf1;color:var(--g1-ink);font:18px/1.45 system-ui,sans-serif;overflow:auto;box-shadow:0 18px 60px #42261738;overscroll-behavior:contain}.g1-dialog *{box-sizing:border-box}.g1-dialog::backdrop{background:#42332480}.g1-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid #e8d9c1}.g1-top b{font-size:17px}.g1-top small{display:block;color:#775e4b;font-size:13px;font-weight:500}.g1-dialog h2{font-size:22px;line-height:1.25;margin:12px 0;color:#4e3325}.g1-dialog button,.g1-dialog select,.g1-dialog input{font:inherit;min-height:50px;border:2px solid #deceb4;border-radius:15px;padding:11px 14px;background:#fffefb;color:#3b2118;cursor:pointer;max-width:100%}.g1-dialog button:hover{background:#f9edce;border-color:#b38a47}.g1-dialog button:focus-visible,.g1-dialog input:focus-visible,.g1-dialog select:focus-visible{outline:3px solid #a96519;outline-offset:3px}.g1-dialog button:disabled{cursor:default}.g1-dialog input:disabled{color:#3b2118;background:#f6efdF}.g1-dialog input{display:block;margin:8px 0 12px;width:100%;cursor:text;font-size:24px;background:#fff;min-height:58px}.g1-dialog input[inputmode=numeric]{font-size:30px;letter-spacing:3px}.g1-question{font-size:23px;line-height:1.45;white-space:pre-line;margin:13px 0 16px;font-weight:550;outline:none}.g1-counter{font-size:14px;color:#725b47;margin:8px 0}.g1-progress{height:8px;background:#eee1ca;border-radius:20px;overflow:hidden;margin-top:16px}.g1-progress span{display:block;height:100%;background:#62864a;border-radius:20px}.g1-dialog .g1-listen-top{border:0;background:#f3e4c4;padding:8px 13px;min-height:46px;font-size:16px;margin:0 0 2px;color:#614319}.g1-topics,.g1-options{display:grid;gap:10px;margin:14px 0}.g1-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.g1-topics button{border-bottom:6px solid #d5a75f;background:linear-gradient(#fffdf8,#f7ecd9);font-weight:650;text-align:left}.g1-topics small{display:block;font-size:13px;margin-top:7px;font-weight:400;color:#795e47}.g1-options button{min-height:58px;text-align:left;font-size:20px;line-height:1.4;padding:13px 16px;box-shadow:0 3px 0 #e8dbc6;overflow-wrap:anywhere}.g1-options button::before{content:'○';margin-right:10px;color:#987c50}.g1-options button:disabled{opacity:.85}.g1-options .g1-selected{border:3px solid #427348;background:#edf3df;opacity:1}.g1-options .g1-selected::before{content:'●';color:#427348}.g1-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.g1-actions [data-read]{display:none}.g1-dialog [data-next],.g1-dialog [data-again],.g1-dialog form>button{background:#35633f;border-color:#35633f;color:white;font-weight:700;width:100%;min-height:54px}.g1-dialog [data-next]::after{content:' →'}.g1-dialog [data-feedback]:not(:empty){padding:15px;background:#edf1dc;border:1px solid #d8dfb8;border-radius:16px;margin-top:14px;line-height:1.5;font-size:19px}.g1-dialog [data-message]:empty{display:none}.g1-dialog details{border-bottom:1px solid #dacbb4;padding:12px 0}.g1-dialog summary{cursor:pointer;line-height:1.5}.g1-dialog [hidden]{display:none!important}.g1-visual{max-width:340px;margin:12px auto 18px;background:#f7efdF;border-radius:20px;padding:10px}.g1-visual svg{display:block;width:100%;height:auto;max-height:220px}.g1-picture{max-width:170px;margin:6px auto 14px;background:#f5ebd7;border-radius:50%;padding:8px}.g1-picture svg{display:block;width:100%;height:112px}.g1-reading-mark{float:right;width:57px;height:40px;margin:0 0 0 8px}.g1-reading-mark svg{width:100%;height:100%}.g1-scene{background:#f2eddb;border:1px solid #e9ddc1;border-radius:20px;overflow:hidden;margin:10px 0 16px;padding:10px}.g1-scene>svg{width:100%;display:block;max-height:142px}.g1-scene-icons{display:flex;align-items:center;justify-content:center;gap:4px}.g1-scene-icons svg{width:30%;height:94px;min-width:0}.g1-scene-icons:has(svg:nth-child(4)) svg{width:24%}.g1-word{display:inline-block;background:#f3dfa9;border-radius:10px;padding:1px 8px;font-size:1.12em;white-space:normal}.g1-gap{display:block;font-size:32px;letter-spacing:5px;text-align:center;margin:12px 0 0;padding:10px;background:#f7eddb;border-radius:12px}.g1-read-story{display:block;background:#fffdf8;border-left:5px solid #d6a454;border-radius:4px 15px 15px 4px;padding:14px;font-weight:500;margin:10px 0 16px;line-height:1.6}.g1-read-question{display:block;font-weight:700}.g1-math-panel{padding:14px 10px;background:#f3edda;border-radius:20px;margin:12px 0 17px}.g1-count-grid{display:grid;grid-template-columns:repeat(5,26px);gap:8px;justify-content:center;align-content:start;min-height:32px;padding:6px 0}.g1-token{display:block;width:26px;height:26px;background:#527a43;border:1px solid #3f6534;border-radius:50%;position:relative}.g1-token.g1-gold{background:#e6b64b;border-color:#a97922}.g1-token.g1-cross{background:#eee1ce;border-color:#b58f69}.g1-cross::before,.g1-cross::after{content:'';position:absolute;width:30px;height:3px;background:#984737;left:-3px;top:11px;transform:rotate(45deg);border-radius:2px}.g1-cross::after{transform:rotate(-45deg)}.g1-token:has(svg){background:transparent;border:0;border-radius:0}.g1-token svg{width:100%;height:100%}.g1-token:has(svg){width:26px;height:30px}.g1-zero{grid-column:1/-1;text-align:center;font-size:28px;color:#725d45}.g1-quantity-pair{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:5px;align-items:center;margin:15px 0}.g1-quantity-pair section{border:1px solid #ddceb1;border-radius:17px;background:#f3edda;padding:10px 3px;text-align:center}.g1-quantity-pair .g1-count-grid{grid-template-columns:repeat(5,19px);gap:5px}.g1-quantity-pair .g1-token{width:19px;height:19px}.g1-quantity-pair b{display:block;font-size:24px;margin-top:5px}.g1-quantity-pair strong{font-size:28px;text-align:center}.g1-quantity-pair section:last-child .g1-token:not(:has(svg)){background:#e5b54b;border-color:#9f792d}.g1-whole{text-align:center;font-size:19px}.g1-whole b{display:inline-block;font-size:26px;background:#fffdf8;border-radius:10px;padding:2px 14px;margin-left:8px}.g1-branches{display:flex;justify-content:center;gap:35px;margin-top:15px}.g1-branches span{border-top:3px solid #658349;padding:9px 15px 0;font-size:16px}.g1-branches span+span{border-color:#c39229}.g1-branches b{font-size:27px;display:block;text-align:center}.g1-visual-note{text-align:center;font-size:16px;margin:8px 0 0}.g1-numberline{margin:16px -5px;background:#f6edda;border-radius:18px;padding:10px 0}.g1-numberline svg{width:100%;height:auto;display:block}.g1-number-cards{display:flex;gap:14px;justify-content:center;margin:18px 0}.g1-number-cards b{background:#f3dfab;border:2px solid #d0ab5f;border-radius:14px;padding:14px;font-size:28px}.g1-clock-set{text-align:center}.g1-clock-set span{display:block;margin:-6px 0 16px;font-size:18px}.g1-dialog form label{font-size:16px;color:#6e523e}.g1-dialog form{clear:both}
@media(max-width:400px){.g1-dialog{padding:15px;width:calc(100% - 14px);border-radius:22px}.g1-dialog h2{font-size:20px}.g1-question{font-size:21px}.g1-topics{grid-template-columns:1fr}.g1-top b{font-size:16px}.g1-top [data-close]{font-size:14px;min-height:46px;padding:8px 11px}.g1-options button{font-size:19px}.g1-quantity-pair .g1-count-grid{grid-template-columns:repeat(5,17px);gap:4px}.g1-quantity-pair .g1-token{width:17px;height:17px}}
@media(prefers-reduced-motion:no-preference){.g1-progress span{transition:width .2s ease}}
@media print{.g1-math-panel,.g1-quantity-pair{break-inside:avoid}.g1-numberline{max-width:400px}}
/* Smartphone review: keep all choices within easy reach; reading remains scrollable. */
.g1-visual:has(svg[aria-label^="Formen von links"]){padding:7px 10px}.g1-visual:has(svg[aria-label^="Formen von links"]) svg{max-height:125px}.g1-visual:has(svg[aria-label="Haus"]) svg,.g1-visual:has(svg[aria-label="Buch"]) svg{max-height:125px}.g1-visual svg[aria-label^="Uhr:"]{max-height:180px}.g1-calendar{background:#f3e8d0;border-radius:16px;padding:14px;margin:15px 0}.g1-calendar>span{font-size:16px;font-weight:650}.g1-calendar>div{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:10px}.g1-calendar i{height:35px;background:#fffdf7;border:1px solid #d4bd91;border-top:7px solid #c99346;border-radius:5px}.g1-picture svg[aria-label="Tier"]{transform:scale(1.15)}.g1-math-panel .g1-token:has(svg){width:30px;height:30px}.g1-picture svg{color:#3b2118}
/* Räumliche Lernmaterialien: Licht von links oben, lesbare Konturen. */
.g1-math-panel{background:linear-gradient(145deg,#faf5e8,#eae0c6);box-shadow:inset 0 2px 4px #fff9,0 5px 10px #6c4d2010;border:1px solid #ddcfb2}.g1-token{background:radial-gradient(circle at 30% 25%,#a1c975 0%,#659749 43%,#355a2c 100%);box-shadow:inset 0 1px 2px #fff8,0 3px 3px #3c49253b;border-color:#4c6d35}.g1-token.g1-gold,.g1-quantity-pair section:last-child .g1-token:not(:has(svg)){background:radial-gradient(circle at 30% 25%,#ffe6a0,#e5b647 48%,#af7d21);box-shadow:inset 0 1px 2px #fff9,0 3px 3px #74571f30}.g1-token.g1-cross{background:#e9decc;box-shadow:none}.g1-token:has(svg){box-shadow:none}.g1-visual{background:linear-gradient(145deg,#fffaf0,#ede3cc);box-shadow:inset 0 1px 3px #fff,0 4px 9px #76532c12;border:1px solid #e5d7bb}.g1-visual svg[aria-label^="Formen"] g{filter:drop-shadow(0 3px 1px #45612e55)}.g1-picture{background:radial-gradient(circle at 35% 25%,#fff9ec,#eeddb8);box-shadow:inset 0 2px 4px #fff,0 5px 10px #6e4e2020}.g1-picture svg{filter:drop-shadow(2px 4px 2px #70502030)}.g1-coins{padding:6px 0}.g1-coins svg{max-height:205px}.g1-quantity-pair section{background:linear-gradient(145deg,#fff9eb,#ede1c7);box-shadow:inset 0 1px 2px white,0 4px 8px #60471f15}.g1-number-cards b{box-shadow:0 5px 0 #b88b3a,0 8px 8px #63441f20;background:linear-gradient(#ffe9ac,#e9c56e)}
/* Topic-specific pictures and question/answer illustrations. */
.g1-topic-art{display:inline-flex;width:84px;height:64px;align-items:center;justify-content:center;flex-shrink:0}
.g1-topic-art svg{width:100%;height:100%;overflow:visible}
.g1-topic-art .g1-visual{width:100%;height:100%;padding:0;margin:0;background:none;border:0;box-shadow:none}
.g1-topic-art .g1-coins svg{height:100%;max-height:none}
.topic-symbol:has(.g1-topic-art){flex-basis:88px;height:76px;background:linear-gradient(145deg,#f8edd0,#eadcb8)}
.starter-icon:has(.g1-topic-art){width:84px;height:64px}
.g1-topics button .g1-topic-art{display:flex;margin:auto}
.g1-task-gallery{display:flex;justify-content:center;align-items:center;gap:12px;padding:14px;background:linear-gradient(145deg,#faf3df,#eee6cb);border-radius:22px;margin:18px 0}
.g1-task-gallery>span{min-width:0;flex:1;max-width:210px}
.g1-task-gallery svg{display:block;width:100%;height:auto;max-height:155px;filter:drop-shadow(0 3px 2px #63452618)}
.g1-options button:has(.g1-option-picture){display:flex;align-items:center;gap:14px;text-align:left;padding:10px 14px;min-height:94px}
.g1-option-picture{display:block;flex:0 0 88px;height:70px}
.g1-option-picture svg{width:100%;height:100%;filter:drop-shadow(0 3px 2px #63452618)}
.g1-options button:has(.g1-option-picture):before{display:none}
.g1-situation{margin:18px 0;border-radius:20px;overflow:hidden;box-shadow:0 5px 14px #68402110}
.g1-situation svg{width:100%;display:block;height:auto}
.g1-week{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}
.g1-week span{background:#f1e7cb;border:1px solid #d6c6a1;border-radius:9px;padding:7px 10px;font-size:15px}
.g1-week .g1-today{background:#e3b760;font-weight:bold;border-color:#997035}
@media(max-width:350px){.g1-option-picture{flex-basis:70px;height:60px}.g1-options button:has(.g1-option-picture){gap:9px;padding:8px 10px}}
/* Three large touch answers, no keyboard needed in grade 1. */
.g1-tap-hint{font-size:16px;color:#6e523e;margin:14px 0 8px}
.g1-number-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.g1-number-options button{min-height:74px;padding:12px 4px;text-align:center;font-size:29px;font-weight:700;justify-content:center}
.g1-number-options button::before{display:none}
.g1-number-options button span{white-space:normal}
.g1-dialog .g1-options button:disabled{color:#3b2118;opacity:1;background:#f6efdd}
.g1-dialog .g1-options button.g1-selected{border-color:#527a43;background:#e4ecd4;color:#284728}
@media(max-width:350px){.g1-number-options{gap:7px}.g1-number-options button{font-size:24px;min-height:66px}}
/* Situation graphics: one shared coordinate system and visible task relationships. */
.g1-semantic-scene svg{display:block;width:100%;height:auto;max-height:320px}
.g1-time-span{display:flex;align-items:center;gap:8px;text-align:center;font-size:14px}.g1-time-span>span{flex:1;min-width:0}.g1-time-span svg{width:100%;height:auto}
.g1-object-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.g1-object-slot{display:grid;place-items:center;min-height:44px;border:2px solid #9aaa7b;border-radius:50%;background:#f6f0dc}.g1-object-slot svg{width:100%;height:42px}.g1-object-slot.empty{border-style:dashed;background:#fffaf0;color:#886f43;font-weight:700}
.g1-word-groups{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:5px;align-items:center}.g1-word-groups section{min-width:0;padding:7px;border:1px solid #d6c7a5;border-radius:12px;background:#f8f1df}.g1-word-groups p{font-size:13px;text-align:center}.g1-word-groups .g1-count-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.g1-container-ball .g1-count-grid{border:3px solid #b58d59;border-top:0;padding:6px;border-radius:0 0 12px 12px}
.g1-container-bird .g1-count-grid{background:repeating-linear-gradient(to bottom,transparent 0,transparent 34px,#ae8a58 35px,#ae8a58 38px,transparent 39px)}
.g1-container-cup .g1-count-grid{border-bottom:7px solid #ac885c}
.g1-word-groups .g1-token{min-width:0}

.g1-syllable-parts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.g1-syllable-parts span{font-size:27px;font-weight:700;color:#476e3e;padding:4px 8px 10px;border-bottom:3px solid #62864a;border-radius:0 0 50% 50%}.g1-syllable-parts span:nth-child(even){color:#936221;border-color:#b88734}

.g1-answer-row{display:flex;align-items:stretch;gap:5px;min-width:0}.g1-answer-row>button[name=choice]{flex:1;min-width:0}.g1-dialog .g1-answer-listen{flex:0 0 48px;padding:6px;box-shadow:none;text-align:center}.g1-options .g1-answer-listen::before{content:none}.g1-number-options .g1-answer-row{flex-direction:column}.g1-dialog .g1-speaking{outline:3px solid #b88734;outline-offset:2px;background-color:#fff0c9}.g1-voice-settings{font-size:14px}.g1-voice-settings label{display:block;margin:10px 0}.g1-voice-settings select{display:block;width:100%;font-size:14px}.g1-voice-settings p{font-size:14px}.g1-dialog [data-feedback-read]{width:100%;font-size:16px}.g1-dialog [data-speech-stop]{font-size:16px;min-height:46px;margin-left:5px}

.g1-speaker-icon{display:inline-block;width:22px;height:22px;vertical-align:middle;flex-shrink:0}.g1-answer-listen .g1-speaker-icon{width:25px;height:25px}

/* Feedback must distinguish selected, correct and neutral test answers. */
.g1-dialog .g1-options button.g1-correct{border:3px solid #527a43;background:#e4ecd4;color:#284728}
.g1-options button.g1-correct::before{content:'✓';color:#284728}
.g1-dialog .g1-options button.g1-incorrect{border:3px solid #a96332;background:#fff0dd;color:#663b20}
.g1-options button.g1-incorrect::before{content:'×';color:#663b20}
.g1-dialog .g1-options button.g1-neutral{border:3px solid #957645;background:#f5e9cd;color:#493329}
.g1-options button.g1-neutral::before{content:'●';color:#795b2f}
.g1-dialog [data-feedback].g1-feedback-incorrect{background:#fff0dd;border-color:#d5b38b}

.g1-number-options button{position:relative}
.g1-number-options button.g1-correct::after,.g1-number-options button.g1-incorrect::after{position:absolute;top:0;right:5px;font-size:17px;line-height:1.2}
.g1-number-options button.g1-correct::after{content:'✓'}
.g1-number-options button.g1-incorrect::after{content:'×'}

/* Zusätzliche Lernbereiche: präzise, berührbare Bildaufgaben. */
.g1-extension{padding:14px 10px;margin:16px 0;background:#f4ecd9;border-radius:18px}
.g1-pattern{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}
.g1-pattern>span{width:52px;height:57px;display:grid;place-items:center;font-size:30px;font-weight:700;border:1px solid #d9c8a8;border-radius:10px;background:#fffaf0}
.g1-pattern svg{width:44px;height:44px}
.g1-sequence>span{width:41px;font-size:25px}
.g1-mirror-prompt svg{display:block;width:100%;max-width:270px;margin:auto}
.g1-options button:has(.g1-option-diagram){display:flex;align-items:center;gap:12px;padding:10px}
.g1-options button:has(.g1-option-diagram)::before{display:none}
.g1-option-diagram{flex:1;max-width:210px;min-width:0}
.g1-option-diagram svg{width:100%;height:auto;display:block}
/* Ein Muster bleibt auch auf schmalen Handys eine durchgehende Leserichtung. */
.g1-pattern:not(.g1-sequence){flex-wrap:nowrap;gap:4px}
.g1-pattern:not(.g1-sequence)>span{flex:1;min-width:0;width:auto;height:48px}
.g1-pattern svg{width:100%;max-width:42px;height:auto}

/* V5.211: feste Titelbilder, ausschließlich Klasse-1-Themenkarten. */
.g1-topic-cover{display:block;width:100%;height:auto;aspect-ratio:1;overflow:hidden;border-radius:12px;background:#f5ead5}
.g1-topic-cover img{display:block;width:100%;height:100%;object-fit:contain}
.subject-paper-fan .subject-starter:has(.g1-topic-cover){flex:0 0 168px;width:168px;min-width:168px;height:auto;min-height:242px;padding:8px 8px 12px;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;scroll-snap-align:start}
.subject-paper-fan .subject-starter:has(.g1-topic-cover)::before,.subject-paper-fan .subject-starter:has(.g1-topic-cover)::after{display:none}
.subject-paper-fan .starter-icon:has(.g1-topic-cover){display:block;width:100%;height:auto;margin:0}
.subject-paper-fan .subject-starter:has(.g1-topic-cover) .starter-label{font-size:15px;line-height:1.25;white-space:normal;overflow-wrap:normal;hyphens:auto;display:block;padding:2px 1px}
.subject-paper-fan .subject-starters:has(.g1-topic-cover){align-items:stretch;gap:10px;scroll-padding-inline:0;scroll-snap-type:x proximity}
.g1-topics button:has(.g1-topic-cover){padding:10px;display:flex;flex-direction:column;align-items:stretch;gap:8px;font-size:17px;line-height:1.3}
.g1-topics button .g1-topic-cover{max-width:220px;margin:0 auto}
.topic-symbol:has(.g1-topic-cover){flex-basis:96px;width:96px;height:96px;background:none;padding:0}
@media(max-width:390px){.subject-paper-fan .subject-starter:has(.g1-topic-cover){flex-basis:150px;width:150px;min-width:150px;min-height:226px}}

/* Listening tasks: visible numbers connect replay and selection without showing words. */
.g1-listening{padding:14px;border-radius:18px;background:#f0f2e4;border:1px solid #cbd4b4;margin:12px 0}
.g1-listening-label{display:block;font-size:14px;font-weight:700;color:#4e6640;margin-bottom:8px}
.g1-listening [data-listen-word]{width:100%;text-align:center;background:#fffef8}
.g1-listening p{font-size:16px;margin:10px 0 0}
.g1-listening-choice{display:grid;grid-template-columns:1.1fr 1fr;gap:8px;min-width:0}
.g1-dialog .g1-listening-choice button{font-size:17px;padding:12px 9px;min-width:0}
.g1-listening-choice [data-listen-option]::before{content:none}
.g1-dialog .g1-listening-choice [data-listen-option]{background:#f3e4c4;box-shadow:none;text-align:center}
.g1-dialog .g1-heard{border-color:#647b4c}
.g1-dialog .g1-without-audio{font-size:14px;border:0;background:transparent;padding:9px 0;text-decoration:underline;box-shadow:none}
.g1-dialog .g1-options button:disabled:not(.g1-correct):not(.g1-selected):not(.g1-incorrect){opacity:.65}

/* 5.277: concrete pictures and readable words beside every hearing control. */
.g1-listening-reference{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:12px}
.g1-listening-picture{display:block;flex:0 0 66px;width:66px;height:60px;min-width:0}
.g1-listening-picture svg{display:block;width:100%;height:100%}
.g1-listening-reference>.g1-listening-picture{width:86px;height:78px}
.g1-listening-word{display:block;font-size:27px;line-height:1.2;margin-bottom:8px;overflow-wrap:anywhere;color:#3b2118}
.g1-dialog .g1-listening [data-listen-word]{min-height:44px;padding:7px 10px;font-size:16px}
.g1-listening-choice{grid-template-columns:82px minmax(0,1fr);gap:8px}
.g1-dialog .g1-listening-choice [data-listen-option]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;font-size:13px}
.g1-dialog .g1-listening-choice button[name=choice]{display:flex;align-items:center;gap:9px;min-height:86px;padding:8px;font-size:21px;font-weight:650}
.g1-listening-choice button[name=choice]::before{content:none}
.g1-listening-choice [data-choice-label]{min-width:0;overflow-wrap:anywhere}
.g1-dialog .g1-options .g1-listening-choice button[name=choice]:disabled:not(.g1-correct):not(.g1-selected):not(.g1-incorrect){opacity:1}
.g1-listening-choice button.g1-correct::after{content:'✓';margin-left:auto;color:#284728}
.g1-listening-choice button.g1-incorrect::after{content:'×';margin-left:auto;color:#663b20}
.g1-listening-choice button.g1-neutral::after{content:'●';margin-left:auto;color:#795b2f}
@media(max-width:350px){.g1-listening-choice{grid-template-columns:66px minmax(0,1fr);gap:6px}.g1-listening-picture{flex-basis:49px;width:49px;height:52px}.g1-dialog .g1-listening-choice button[name=choice]{font-size:19px;gap:5px;padding:6px}.g1-listening-reference{grid-template-columns:70px minmax(0,1fr);gap:8px}.g1-listening-reference>.g1-listening-picture{width:70px;height:65px}}

/* 5.303: story quantities have equal space, independent of the operator column. */
.g1-story-groups{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:start}
.g1-story-groups section{padding:12px;max-width:100%}
.g1-story-groups p{margin:0 0 10px;font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.g1-story-groups .g1-count-grid{grid-template-columns:repeat(auto-fit,26px);gap:8px;justify-content:center}
@media(max-width:640px){.g1-story-groups{grid-template-columns:1fr}}

/* 5.304: make both clocks readable on narrow screens. */
.g1-clock-pair{gap:12px}
.g1-clock-pair .g1-visual{width:100%;max-width:280px;margin:8px auto 12px}
@media(max-width:480px){.g1-clock-pair{flex-direction:column}.g1-clock-pair>span{width:100%;flex:auto}.g1-clock-pair>strong{transform:rotate(90deg)}}

.g1-money-groups .g1-visual{margin:4px auto;max-width:100%}

/* 5.306: keep the full number sequence in one reading direction on phones. */
.g1-sequence{flex-wrap:nowrap;gap:6px}
.g1-sequence>span{flex:1;min-width:0;width:auto;height:52px}

/* 5.308: mirrored points remain aligned at every viewport width. */
.g1-symmetry-dots svg{display:block;width:100%;height:auto;max-width:400px;margin:0 auto}.g1-symmetry-dots p{margin:8px 0 0;text-align:center;font-size:1rem}

.g1-syllable-word{text-align:center;margin:12px 0}.g1-syllable-word>strong{display:block;font-size:1.5rem;overflow-wrap:anywhere}.g1-syllable-word .g1-syllable-parts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}

.g1-reading-label{display:block;font-size:1rem;font-weight:400;margin-bottom:8px}.g1-question .g1-read-story{display:block;margin:8px 0 14px;padding:14px;border:1px solid #d8c5a5;border-radius:12px;background:#fffdf6;overflow-wrap:anywhere}.g1-question .g1-read-question{display:block}