/* Vocales juntas: the same families retain their colour in every task. */
.aw-app .avl-module{height:100%;min-height:360px;min-width:0;display:flex;flex-direction:column;gap:12px;padding:14px 22px;color:#23474b;position:relative;container:avl / inline-size;isolation:isolate}
.aw-app .avl-module *{box-sizing:border-box}
.aw-app .avl-module button{-webkit-tap-highlight-color:transparent}
.aw-app .avl-button{font:600 15px/1.25 AulaInter,system-ui;min-width:44px;min-height:44px;padding:10px 15px;border:1px solid #cfdfd8;border-radius:12px;background:#fff;color:#2a514e;cursor:pointer;touch-action:manipulation}
.aw-app .avl-button:hover{background:#eef7f2;border-color:#91c1ad}.aw-app .avl-button:focus-visible,.aw-app .avl-panel input:focus-visible{outline:3px solid #138376;outline-offset:-4px}
.aw-app .avl-button.is-primary{background:#117f70;border-color:#117f70;color:#fff}.aw-app .avl-button[aria-pressed=true]{background:#e6f4ed;box-shadow:inset 0 0 0 1px #258875;border-color:#258875}
.aw-app .avl-button:disabled{opacity:.45;cursor:default}
.aw-app .avl-top,.aw-app .avl-actions,.aw-app .avl-modes,.aw-app .avl-tasks{display:flex;align-items:center;gap:6px;flex:none;min-width:0}
.aw-app .avl-top{justify-content:space-between;gap:12px}.aw-app .avl-actions{justify-content:flex-end}.aw-app .avl-modes{padding:3px;background:#eef4f1;border-radius:14px}.aw-app .avl-tasks{justify-content:center;flex-wrap:wrap}.aw-app .avl-tasks .avl-button{font-size:16px;min-width:120px;border-radius:30px;background:#f6faf7}.aw-app .avl-tasks .avl-button[aria-pressed=true]{background:#e3f3e9}
.aw-app .avl-stage{flex:1;min-height:0;min-width:0;display:flex;overflow:auto;overscroll-behavior:contain}
.aw-app .avl-work{margin:auto;min-width:0;width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:12px 4px}
.aw-app .avl-question{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.aw-app .avl-instruction{font-size:clamp(21px,2.6cqw,32px);line-height:1.25;text-align:center;margin:0;font-weight:650;color:#355d55}
.aw-app .avl-listen{font-size:13px;background:#f4f8f3;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none}
.aw-app .avl-word{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;max-width:100%;font-size:clamp(40px,6.7cqw,90px);font-weight:700;line-height:1.3}
.aw-app .avl-letter{display:inline-flex;align-items:center;justify-content:center;min-width:.55em;min-height:1.1em;white-space:pre}
.aw-app .avl-word .avl-letter{padding:0 .015em}.aw-app .avl-letter.is-target,.aw-app .avl-accent-letter.is-target{background:#fff2cb;border-radius:.12em;box-shadow:inset 0 -4px #d8b15b}
.aw-app .avl-open{color:#b77731}.aw-app .avl-closed{color:#167f82}.aw-app .avl-letter.has-accent{font-weight:800}
.aw-app .avl-families{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(760px,100%);gap:22px}
.aw-app .avl-family{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:185px;padding:20px;border:1px solid #dfd5c2;border-radius:22px;background:#fff9e9;color:#915a1d;text-align:center}
.aw-app .avl-family-closed{background:#eaf8f6;color:#126f77;border-color:#c2dfd9}
.aw-app .avl-family-vowels{display:flex;gap:14px;font-size:clamp(42px,6cqw,76px);font-weight:750;line-height:1.2}.aw-app .avl-family-vowels i{font-style:normal;min-width:44px}.aw-app .avl-family strong{font-size:clamp(24px,3.2cqw,37px)}.aw-app .avl-family small{font-size:16px;font-weight:500}
.aw-app .avl-type-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(980px,100%);gap:18px}
.aw-app .avl-type-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:182px;padding:18px;border:1px solid #d3e2da;border-radius:20px;background:#fafcf8;text-align:center}
.aw-app .avl-type-card strong{font-size:clamp(23px,3cqw,36px)}.aw-app .avl-type-card small{font-size:15px;font-weight:500;color:#647e72}
.aw-app .avl-pattern{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:5px 12px;border:2px solid #95c9b2;border-radius:13px;background:#eff9f2}
.aw-app .avl-pattern i{font:700 40px/1.25 AulaInter,system-ui;font-style:normal;min-width:28px}.aw-app .avl-pattern.is-separated{border:0;background:none;gap:16px;padding:5px 0}.aw-app .avl-pattern.is-separated i{border:2px solid #d6b97d;border-radius:10px;background:#fff8e5;padding:0 6px}
.aw-app .avl-type-card.is-selected{background:#eaf6ef;border-color:#47a584;box-shadow:inset 0 0 0 2px #47a584}
.aw-app .avl-type-choices.is-answered .avl-type-card{min-height:48px;padding:10px;display:flex;gap:0}.aw-app .avl-type-choices.is-answered .avl-pattern,.aw-app .avl-type-choices.is-answered .avl-type-card small{display:none}.aw-app .avl-type-choices.is-answered .avl-type-card strong{font-size:20px}
.aw-app .avl-type-badge{font-size:19px;font-weight:650;padding:9px 17px;border-radius:30px;background:#edf7ed;color:#26724f;border:1px solid #c8dfcc}
.aw-app .avl-button[data-result=correct]{background:#e8f6ed;border-color:#2a9e73;box-shadow:inset 0 0 0 2px #2a9e73}.aw-app .avl-button[data-result=incorrect]{background:#fff3e5;border-color:#c98b3e;box-shadow:inset 0 0 0 2px #c98b3e}
.aw-app .avl-syllable-boxes{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;max-width:100%}
.aw-app .avl-syllable-box{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;min-height:94px;min-width:74px;font-size:clamp(34px,5cqw,66px);font-weight:700;line-height:1.2;border:2px solid #bad8c8;border-radius:20px;background:#f6fbf6}
.aw-app .avl-syllable-box.is-tonic{border-bottom:6px solid #d9b453;background:#fff9e7}.aw-app .avl-syllable-box .is-target{background:#e6f2e7;box-shadow:none}
.aw-app .avl-examples{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.aw-app .avl-examples .avl-button{display:flex;align-items:center;gap:10px;background:#fbf8ed;font-size:14px;min-height:48px}.aw-app .avl-examples strong{font-weight:650}.aw-app .avl-examples span{font-size:20px}
.aw-app .avl-rule{font-size:clamp(17px,1.9cqw,23px);font-weight:550;line-height:1.45;max-width:960px;text-align:center;margin:0;color:#406d59}
.aw-app .avl-short-note{font-size:15px;line-height:1.4;max-width:900px;text-align:center;margin:0;color:#6a7d70}
.aw-app .avl-cut-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;max-width:100%;gap:6px 0}.aw-app .avl-cut-token{display:inline-flex;align-items:center;font-size:clamp(30px,4.8cqw,62px);font-weight:700;line-height:1.2}.aw-app .avl-cut{font-size:27px;font-weight:500;padding:4px;min-width:44px;min-height:58px;margin:0 3px;background:#fafcf8;border-style:dashed;color:#91a699}.aw-app .avl-cut[aria-pressed=true]{background:#e4f6e9;color:#137c66;border-style:solid;box-shadow:none}
.aw-app .avl-accent-word{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;max-width:100%;font-size:clamp(39px,6.4cqw,84px);font-weight:700;line-height:1.25}
.aw-app .avl-accent-syllable{display:inline-flex;align-items:center;padding:8px 1px 14px;border-bottom:5px solid transparent;border-radius:12px}.aw-app .avl-accent-syllable.is-tonic{border-bottom-color:#d9b453}.aw-app .avl-accent-letter{font:inherit;font-weight:700;line-height:inherit;padding:0 .035em;min-width:44px;min-height:70px;background:#f5faf6;border-radius:10px;margin:0 1px}.aw-app .avl-accent-letter[aria-pressed=true]{background:#fff1c2;border-color:#c7a14c;box-shadow:none}.aw-app .avl-accent-controls{display:flex;justify-content:center;gap:10px}.aw-app .avl-tonic{font-size:15px;color:#7f6828;margin:0;background:#fff9e7;border-radius:30px;padding:7px 15px}
.aw-app .avl-status{flex:none;display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column;text-align:center;min-height:22px;max-width:1100px;align-self:center;border-radius:14px;padding:0 12px}.aw-app .avl-status:empty{padding:0}.aw-app .avl-status strong{font-size:19px}.aw-app .avl-status p{font-size:16px;line-height:1.4;margin:0}.aw-app .avl-status[data-result]{padding:10px 16px;background:#f2f8ee}.aw-app .avl-status[data-result=incorrect]{background:#fff7e8}.aw-app .avl-status[data-result=correct]{color:#167a58}.aw-app .avl-solution{display:flex;flex-direction:column;align-items:center;gap:8px}.aw-app .avl-solution p{margin:0;font-size:17px}
.aw-app .avl-sources{display:flex;gap:8px;position:absolute;left:16px;bottom:12px}.aw-app .avl-sources:has(>.avl-button:not([hidden])){position:static;justify-content:center;flex-wrap:wrap}
.aw-app .avl-panel{position:absolute;right:10px;top:68px;z-index:20;width:350px;max-width:calc(100% - 20px);max-height:calc(100% - 82px);overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px;padding:16px;border:1px solid #cedfd5;border-radius:18px;background:#fffefa;box-shadow:0 12px 35px #163b3026}
.aw-app .avl-panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none}.aw-app .avl-panel-header h3{font-size:21px;line-height:1.25;margin:0}.aw-app .avl-panel-header .avl-button{font-size:25px;min-width:44px;width:44px;padding:4px;border-color:transparent;flex:none}
.aw-app .avl-panel-label{font-size:13px;font-weight:700;color:#5b7666;margin:0}.aw-app .avl-levels{display:flex;flex-direction:column;gap:8px}.aw-app .avl-mini-families{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;font-size:16px}.aw-app .avl-mini-families strong{font-size:25px}.aw-app .avl-guide-rule{display:flex;flex-direction:column;gap:5px;font-size:16px;line-height:1.4;margin:0}.aw-app .avl-guide-rule span{color:#60776c}
.aw-app .avl-panel.avl-bank{inset:0;width:100%;max-width:none;max-height:none;border-radius:12px;box-shadow:none;padding:18px 22px;gap:12px;overflow:hidden}.aw-app .avl-bank-body{min-height:0;overflow:auto;padding:0 3px 5px;flex:1}.aw-app .avl-bank .apb-panel{height:auto}.aw-app .avl-bank .apb-pick strong{font-size:24px}.aw-app .avl-bank .apb-list{grid-template-columns:repeat(3,minmax(0,1fr))}
.aw-app .avl-own-form{display:flex;flex-direction:column;gap:12px;overflow:auto;min-height:0;padding:2px 4px 8px}.aw-app .avl-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:650;color:#4d6a5d}.aw-app .avl-field input{width:100%;min-height:48px;max-width:100%;font:600 22px/1.3 AulaInter,system-ui;padding:8px 12px;border:1px solid #c8dcd1;border-radius:10px;background:#fff;color:#25483f}.aw-app .avl-own-tonic,.aw-app .avl-own-cluster,.aw-app .avl-own-options{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:6px}.aw-app .avl-own-piece{font-size:26px;min-width:48px;min-height:54px;padding:7px}.aw-app .avl-own-status{color:#a96d31;font-size:15px;line-height:1.4;margin:0}
@container avl (max-width:850px){.aw-app .avl-module{padding:12px;gap:10px}.aw-app .avl-tasks .avl-button{min-width:96px;font-size:14px;padding:8px 12px}.aw-app .avl-work{gap:18px}.aw-app .avl-type-choices{gap:10px}.aw-app .avl-type-card{padding:14px 8px;min-height:152px;gap:9px}.aw-app .avl-type-card strong{font-size:24px}.aw-app .avl-type-card small{font-size:13px}.aw-app .avl-pattern i{font-size:34px;min-width:23px}.aw-app .avl-pattern.is-separated{gap:10px}.aw-app .avl-family{min-height:160px;padding:16px}.aw-app .avl-families{gap:14px}.aw-app .avl-bank .apb-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container avl (max-width:560px){.aw-app .avl-top{flex-wrap:wrap}.aw-app .avl-actions{margin-left:auto;flex-wrap:wrap}.aw-app .avl-modes .avl-button{font-size:14px;padding:9px 12px}.aw-app .avl-tasks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.aw-app .avl-tasks .avl-button{min-width:0;font-size:12px;padding:8px 4px;border-radius:12px}.aw-app .avl-work{gap:16px;padding:8px 0}.aw-app .avl-instruction{font-size:21px}.aw-app .avl-families{gap:8px}.aw-app .avl-family{min-height:135px;padding:12px 6px;gap:5px;border-radius:16px}.aw-app .avl-family-vowels{gap:4px;font-size:39px}.aw-app .avl-family-vowels i{min-width:24px}.aw-app .avl-family strong{font-size:23px}.aw-app .avl-family small{font-size:13px}.aw-app .avl-type-choices{grid-template-columns:1fr;gap:8px}.aw-app .avl-type-card{min-height:74px;padding:10px 12px;display:grid;grid-template-columns:95px 1fr;gap:4px 10px;text-align:left}.aw-app .avl-type-card .avl-pattern{grid-row:1/3;justify-self:center}.aw-app .avl-type-card strong{font-size:23px}.aw-app .avl-type-card small{font-size:12px}.aw-app .avl-pattern i{font-size:28px;min-width:20px}.aw-app .avl-syllable-boxes{gap:8px}.aw-app .avl-syllable-box{min-height:70px;min-width:56px;font-size:36px;padding:9px 12px;border-radius:15px}.aw-app .avl-examples{gap:6px}.aw-app .avl-examples .avl-button{padding:8px;gap:5px;flex-direction:column;min-width:90px;font-size:12px}.aw-app .avl-examples span{font-size:19px}.aw-app .avl-rule{font-size:17px}.aw-app .avl-short-note{font-size:13px}.aw-app .avl-status{padding-left:8px;padding-right:8px}.aw-app .avl-status strong{font-size:17px}.aw-app .avl-status p{font-size:14px}.aw-app .avl-panel.avl-bank{padding:12px}.aw-app .avl-bank .apb-list{grid-template-columns:1fr}.aw-app .avl-accent-letter{font-size:39px;min-height:58px}.aw-app .avl-accent-word{gap:5px}.aw-app .avl-panel{top:8px;max-height:calc(100% - 16px)}.aw-app .avl-cut-token{font-size:35px}.aw-app .avl-cut{min-width:44px;min-height:48px;margin:0 1px}}
@media(prefers-reduced-motion:reduce){.aw-app .avl-module *{scroll-behavior:auto}}
@media(max-width:600px){.aw-app .avl-module{padding:10px 12px;gap:8px}.aw-app .avl-question{flex-wrap:nowrap;width:100%;gap:8px}.aw-app .avl-instruction{font-size:18px;min-width:0}.aw-app .avl-listen{width:44px;padding:8px;min-width:44px}.aw-app .avl-listen span{display:none}.aw-app .avl-work{gap:12px}}
/* Discover is a short visual lesson, with independently revealed clues. */
.aw-app .avl-module[data-mode=discover] .avl-work{gap:12px;max-width:1160px;padding:4px}
.aw-app .avl-module[data-mode=discover][data-task=group] .avl-question,.aw-app .avl-module[data-mode=discover][data-task=accent] .avl-question{display:none}
.aw-app .avl-module[data-mode=discover] .avl-status:empty{display:none}
.aw-app .avl-discover-controls{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap}.aw-app .avl-hint-toggle{display:inline-flex;gap:7px;align-items:center;min-height:44px;background:#f8faf5;padding:8px 12px;font-size:14px;border-style:dashed}.aw-app .avl-hint-toggle[aria-pressed=true]{border-style:solid}.aw-app .avl-eye{font-size:19px;line-height:1}
.aw-app .avl-discover-word{gap:0;flex-wrap:nowrap;font-size:clamp(38px,5.6cqw,76px);line-height:1.2;padding:0 4px;max-width:100%;min-height:105px}
.aw-app .avl-vowel-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;align-self:center;min-height:102px;min-width:95px;font:inherit;padding:7px 10px;border:1px dashed #d6c7a2;border-radius:16px;background:#fff9e9;color:#24474b;cursor:pointer;touch-action:manipulation;box-shadow:none;position:relative}
.aw-app .avl-vowel-tile:focus-visible{outline:3px solid #138376;outline-offset:-4px}.aw-app .avl-vowel-glyph{line-height:1;font-weight:750}.aw-app .avl-vowel-family{font:600 12px/1.2 AulaInter,system-ui;white-space:nowrap;color:#698071}.aw-app .avl-vowel-tile[aria-pressed=true]{border-style:solid;background:#f5faf3}.aw-app .avl-vowel-stress{font:650 12px/1.2 AulaInter,system-ui;color:#7a6829;background:#fff3c8;border-radius:15px;padding:2px 8px}.aw-app .avl-vowel-tile.is-tonic{box-shadow:inset 0 -4px #d6ae43}.aw-app .avl-vowel-tile.is-tonic .avl-vowel-stress{background:#f6d97e;color:#614c1a}
.aw-app .avl-formation-result{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;font-size:17px;text-align:center}.aw-app .avl-formation-result strong{font-size:21px;font-weight:700;color:#137f6e}.aw-app .avl-formation-result span{color:#607d6f}.aw-app .avl-discover-syllables{display:flex;flex-direction:column;align-items:center;gap:5px}.aw-app .avl-syllable-label{font-size:12px;font-weight:550;color:#789080}.aw-app .avl-discover-syllables .avl-syllable-box{font-size:clamp(31px,4cqw,52px);min-height:66px;min-width:64px;padding:8px 15px;border-radius:15px}.aw-app .avl-formation-rule{font-size:clamp(17px,1.8cqw,22px);max-width:900px;background:#f0f7ec;padding:9px 17px;border-radius:13px;line-height:1.3}
.aw-app .avl-accent-rule{display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;background:#f0f7ec;border:1px solid #d3e4ce;border-radius:15px;padding:12px 20px;max-width:950px}.aw-app .avl-accent-rule strong{font-size:18px;color:#397059}.aw-app .avl-accent-rule p{font-size:clamp(18px,2cqw,25px);font-weight:600;line-height:1.35;margin:0}
.aw-app .avl-accent-guide{width:min(950px,100%)}.aw-app .avl-accent-guide>summary{list-style:none;cursor:pointer;text-align:center;font-size:14px;min-height:44px}.aw-app .avl-accent-guide>summary:after{content:' ▾'}.aw-app .avl-accent-guide[open]>summary:after{content:' ▴'}.aw-app .avl-accent-guide-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px}.aw-app .avl-accent-guide-card{border:1px solid #d2e1d5;border-radius:14px;background:#fbfcf8;padding:12px 15px;display:flex;flex-direction:column;gap:5px;line-height:1.35;font-size:14px}.aw-app .avl-accent-guide-card strong{font-size:17px}.aw-app .avl-accent-guide-card p{margin:0}.aw-app .avl-accent-guide-card span{font-size:19px;font-weight:600;color:#147c6d}
/* A workspace bank replaces the activity, with one scrollable results grid. */
.aw-app .avl-module.has-workspace>:not(.avl-panel){visibility:hidden;pointer-events:none}.aw-app .avl-module.has-workspace .avl-panel{visibility:visible}
.aw-app .avl-panel.avl-bank{inset:0;background:#fffefa!important;z-index:30;padding:18px 22px;border-radius:12px;border-color:#d2e1d6;display:flex;overflow:hidden;gap:14px}
.aw-app .avl-bank-body.apb-panel{width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(205px,250px) minmax(0,1fr)!important;grid-template-rows:48px minmax(0,1fr)!important;gap:12px 22px!important;padding:0!important;overflow:hidden!important;align-items:stretch!important;background:#fffefa!important}
.aw-app .avl-bank-body.apb-panel>.apb-search{grid-column:2!important;grid-row:1!important;align-self:start}.aw-app .avl-bank-body.apb-panel>.apb-controls{grid-column:1!important;grid-row:1/3!important;overflow:auto;overscroll-behavior:contain;padding:0 3px 4px 0;gap:18px}.aw-app .avl-bank-body.apb-panel>.apb-results{grid-column:2!important;grid-row:2!important;min-height:0;overflow:hidden;gap:8px}.aw-app .avl-bank-body.apb-panel .apb-list{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;max-height:none;overflow:auto;flex:1;align-content:start;gap:9px;padding:1px 4px 3px 1px}.aw-app .avl-bank-body.apb-panel .apb-count{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;min-height:24px;flex:none;font-size:14px}.aw-app .avl-bank-body .avl-reset-filters{font-size:12px;padding:5px 10px;min-height:44px;border-radius:9px}.aw-app .avl-bank-body.apb-panel .apb-controls .apb-contents .apb-choices{grid-template-columns:1fr}.aw-app .avl-bank-body.apb-panel .apb-contents .apb-choice{min-height:48px;padding:10px;align-items:flex-start;font-size:15px}.aw-app .avl-bank-body.apb-panel .apb-collections .apb-choices{grid-template-columns:1fr}.aw-app .avl-bank-body.apb-panel .apb-collections .apb-choice{min-height:44px;border-radius:12px;font-size:14px;justify-content:flex-start;padding:8px 12px}.aw-app .avl-bank-body.apb-panel .apb-levels .apb-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.aw-app .avl-bank-body.apb-panel .apb-pick{min-height:84px}.aw-app .avl-bank-body.apb-panel .apb-pick strong{font-size:clamp(20px,2.1cqw,27px)}.aw-app .avl-bank-body.apb-panel .apb-pick small{font-size:12px;color:#668172}.aw-app .avl-bank-body.apb-panel .apb-card{border-left:4px solid #87bca4}.aw-app .avl-bank-body.apb-panel .apb-card[data-encounter=Hiato]{border-left-color:#d4b364}.aw-app .avl-bank-body.apb-panel .apb-card[data-encounter=Triptongo]{border-left-color:#94a4c9}.aw-app .avl-bank-body.apb-panel .apb-play{padding-top:8px;flex:none}.aw-app .avl-bank-body.apb-panel .apb-play .apb-button{min-height:44px;flex-basis:auto}
@container avl (max-width:1000px){.aw-app .avl-bank-body.apb-panel{grid-template-columns:215px minmax(0,1fr)!important;gap:12px 15px!important}.aw-app .avl-bank-body.apb-panel .apb-list{grid-template-columns:repeat(2,minmax(0,1fr))}.aw-app .avl-module[data-mode=discover] .avl-work{gap:10px}.aw-app .avl-vowel-tile{min-width:86px;min-height:90px}.aw-app .avl-discover-word{min-height:92px}.aw-app .avl-family{min-height:150px}.aw-app .avl-module[data-mode=discover] .avl-families{width:min(650px,100%)}}
@container avl (max-width:650px){.aw-app .avl-bank-body.apb-panel{grid-template-columns:1fr!important;grid-template-rows:auto auto minmax(0,1fr)!important;gap:10px!important}.aw-app .avl-bank-body.apb-panel>.apb-search{grid-column:1!important;grid-row:1!important}.aw-app .avl-bank-body.apb-panel>.apb-controls{grid-column:1!important;grid-row:2!important;max-height:185px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.aw-app .avl-bank-body.apb-panel>.apb-controls .apb-group:first-child{grid-column:1/-1}.aw-app .avl-bank-body.apb-panel>.apb-results{grid-column:1!important;grid-row:3!important}.aw-app .avl-bank-body.apb-panel .apb-collections .apb-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.aw-app .avl-bank-body.apb-panel .apb-collections .apb-choice{justify-content:center;padding:6px 4px;flex-direction:row;font-size:12px}.aw-app .avl-bank-body.apb-panel .apb-levels .apb-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.aw-app .avl-bank-body.apb-panel .apb-contents .apb-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.aw-app .avl-bank-body.apb-panel .apb-contents .apb-choice{align-items:center;font-size:12px;padding:8px 4px;min-height:44px}.aw-app .avl-bank-body.apb-panel .apb-list{grid-template-columns:repeat(2,minmax(0,1fr))}.aw-app .avl-panel.avl-bank{padding:12px}.aw-app .avl-discover-types .avl-button{min-width:0;font-size:17px;flex:1;padding:8px 10px}.aw-app .avl-discover-types{width:100%;gap:5px}.aw-app .avl-case{font-size:13px;padding:8px 10px}.aw-app .avl-vowel-tile{min-width:76px;min-height:85px;padding:6px}.aw-app .avl-vowel-family{font-size:10px}.aw-app .avl-vowel-stress{font-size:11px}.aw-app .avl-discover-word{font-size:42px;min-height:88px}.aw-app .avl-accent-guide-content{grid-template-columns:1fr}.aw-app .avl-module[data-mode=discover] .avl-tasks{grid-template-columns:repeat(3,minmax(0,1fr))}.aw-app .avl-module[data-mode=discover] .avl-tasks .avl-button{font-size:12px;min-height:52px}.aw-app .avl-module[data-mode=practice] .avl-tasks .avl-button{font-size:11px}.aw-app .avl-formation-result{font-size:14px;gap:4px}.aw-app .avl-formation-result strong{font-size:19px}.aw-app .avl-hint-toggle{font-size:12px;padding:8px}.aw-app .avl-discover-controls{gap:5px}.aw-app .avl-discover-syllables .avl-syllable-box{font-size:31px;min-width:50px;min-height:55px;padding:7px 11px}.aw-app .avl-accent-rule{padding:10px 12px}.aw-app .avl-accent-rule strong{font-size:15px}.aw-app .avl-accent-rule p{font-size:17px}}
@container avl (max-width:400px){.aw-app .avl-discover-word{font-size:31px}.aw-app .avl-vowel-tile{min-width:64px;min-height:76px;padding:5px 3px;border-radius:12px}.aw-app .avl-vowel-family{font-size:9px}.aw-app .avl-bank-body.apb-panel .apb-list{grid-template-columns:1fr}.aw-app .avl-bank-body.apb-panel>.apb-controls{max-height:165px}.aw-app .avl-bank-body.apb-panel .apb-pick{min-height:70px}.aw-app .avl-discover-types .avl-button{font-size:15px;padding:8px 5px}.aw-app .avl-cases{gap:5px}.aw-app .avl-case{font-size:12px;padding:7px 8px}.aw-app .avl-formation-rule{font-size:16px;padding:9px 11px}}

.aw-app .avl-tonic-key{flex-basis:100%;text-align:center;font:500 12px/1.3 AulaInter,system-ui;color:#7c714b}

.aw-app .avl-accent-decision{font-size:clamp(25px,3cqw,37px);font-weight:750;color:#137f70}.aw-app .avl-general-rules{grid-column:1/-1;background:#f0f7ec}.aw-app .avl-general-rules p span{font:inherit;color:inherit;font-weight:400}

@container avl (min-width:1001px){.aw-app .avl-lesson-picker{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px}.aw-app .avl-discover-types{gap:5px}.aw-app .avl-discover-types .avl-button{min-width:104px;font-size:17px;padding:8px 12px}.aw-app .avl-cases{justify-content:flex-start;gap:5px}.aw-app .avl-case{font-size:13px;padding:8px 10px}}
@container avl (max-width:400px){.aw-app .avl-discover-word{font-size:24px;width:100%;justify-content:center}.aw-app .avl-vowel-tile{min-width:52px;max-width:60px;padding:5px 2px;flex-shrink:0}.aw-app .avl-vowel-glyph{font-size:34px}.aw-app .avl-vowel-family{white-space:normal;max-width:54px;line-height:1.1}.aw-app .avl-vowel-stress{font-size:10px;padding:2px 5px}}

.aw-app .avl-visual-pair{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.aw-app .avl-accent-examples{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.aw-app .avl-accent-examples .avl-button{font-size:19px;min-width:85px;background:#f7faf5}
@container avl (min-width:800px){.aw-app .avl-visual-pair:not(.is-single){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}.aw-app .avl-visual-pair:not(.is-single)>.avl-discover-word{font-size:clamp(30px,4cqw,58px);justify-self:center}.aw-app .avl-visual-pair:not(.is-single)>.avl-discover-syllables{border-left:1px solid #d8e4d7;padding-left:24px;min-height:100px;justify-content:center}.aw-app .avl-visual-pair .avl-vowel-tile{min-width:78px;padding:7px 5px}.aw-app .avl-visual-pair .avl-vowel-family{font-size:11px}.aw-app .avl-visual-pair .avl-syllable-boxes{gap:8px}.aw-app .avl-visual-pair .avl-syllable-box{font-size:clamp(29px,3.5cqw,48px);padding:8px 12px;min-width:54px}.aw-app .avl-visual-pair.is-single .avl-discover-word{margin:auto}}
@container avl (max-width:1000px){.aw-app .avl-module[data-mode=discover] .avl-work{gap:8px}.aw-app .avl-module[data-mode=discover] .avl-formation-rule{font-size:17px;padding:8px 12px}.aw-app .avl-accent-decision{font-size:27px}.aw-app .avl-accent-rule{padding:8px 12px;gap:3px}.aw-app .avl-accent-rule p{font-size:18px}.aw-app .avl-accent-rule strong{font-size:15px}}
@container avl (max-width:1000px){.aw-app .avl-module[data-mode=discover] .avl-work{gap:7px}}

@container avl (min-width:800px) and (max-width:1000px){.aw-app .avl-visual-pair.has-many-syllables .avl-syllable-boxes{gap:6px}.aw-app .avl-visual-pair.has-many-syllables .avl-syllable-box{font-size:27px;padding:7px 8px;min-width:40px}}
/* Narrow banks keep complete labels while the filter area scrolls. */
@container avl (max-width:400px){.aw-app .avl-bank-body.apb-panel>.apb-controls{grid-template-columns:1fr}.aw-app .avl-bank-body.apb-panel>.apb-controls .apb-group{grid-column:1}.aw-app .avl-bank-body.apb-panel .apb-levels .apb-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.aw-app .avl-bank-body.apb-panel .apb-levels .apb-choice strong{white-space:nowrap;overflow-wrap:normal;word-break:normal}}
.aw-app .avl-bank-body.apb-panel .apb-levels .apb-choice{padding:9px 8px}.aw-app .avl-bank-body.apb-panel .apb-levels .apb-choice strong{white-space:nowrap;overflow-wrap:normal;word-break:normal}
/* 1.46: a visible map and a four-step explanation, following the classroom references. */
.aw-app .avl-reference-discovery .avl-work{max-width:1380px;gap:9px;padding:3px 2px;justify-content:center}
.aw-app .avl-reference-discovery .avl-question{min-height:30px;flex:none}
.aw-app .avl-reference-discovery .avl-instruction{font-size:clamp(23px,2.7cqw,36px);line-height:1.1}
.aw-app .avl-reference-discovery .avl-listen{min-height:36px;padding:5px 10px}
.aw-app .avl-map-question{border:1px solid #bcdcd1;border-radius:24px;background:#e5f4ed;padding:6px 23px;z-index:1}
.aw-app .avl-map-question .avl-instruction{font-size:clamp(19px,2.2cqw,29px)}
.aw-app .avl-overview-map{width:100%;position:relative;padding-top:12px}
.aw-app .avl-map-branches{position:absolute;left:16.65%;right:16.65%;top:-10px;height:24px;border:2px solid #b4d2c6;border-bottom:0;border-radius:30px 30px 0 0;pointer-events:none}
.aw-app .avl-map-branches:after{content:'';position:absolute;left:50%;top:0;height:23px;border-left:2px solid #b4d2c6}
.aw-app .avl-map-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative}
.aw-app .avl-map-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:128px;border-radius:22px;padding:11px 12px;background:#f0f8f3;border-color:#b9d9cb;color:#214f49}
.aw-app .avl-map-card[data-encounter=Hiato]{background:#fff8e9;border-color:#e4cf9f}
.aw-app .avl-map-card[aria-pressed=true]{box-shadow:inset 0 0 0 2px #218b77;border-color:#218b77;background:#e5f4ec}
.aw-app .avl-map-card[data-encounter=Hiato][aria-pressed=true]{box-shadow:inset 0 0 0 2px #c19647;border-color:#c19647;background:#fff4d9}
.aw-app .avl-map-card>strong{font-size:clamp(26px,3.3cqw,42px);line-height:1.1}
.aw-app .avl-map-caption{font-size:clamp(15px,1.6cqw,21px);font-weight:550;color:#55756b;line-height:1.2}
.aw-app .avl-map-pattern{display:inline-flex;align-items:center;justify-content:center;min-height:49px;line-height:1;font-size:clamp(35px,4cqw,53px);font-weight:750}
.aw-app .avl-map-pattern i{font-style:normal;min-width:.75em;text-align:center}
.aw-app .avl-map-pattern.is-joined{border:2px solid #97c8b1;border-radius:13px;padding:3px 9px 5px;background:#f5fbf5;box-shadow:0 4px 0 #d8b564}
.aw-app .avl-map-pattern.is-separated{gap:15px}.aw-app .avl-map-pattern.is-separated i{padding:4px 6px;border:2px solid #dfbd78;border-radius:10px;background:#fffdf6;min-width:.85em}
.aw-app .avl-map-example{width:100%;border:1px solid #c6dfd4;border-radius:22px;background:#fcfffc;padding:11px 18px;display:flex;flex-direction:column;gap:9px;align-items:center}
.aw-app .avl-map-example[data-encounter=Hiato]{border-color:#e6d4ad;background:#fffdf7}
.aw-app .avl-map-visual{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);width:100%;align-items:center;gap:25px;min-height:92px}.aw-app .avl-map-visual.is-single{grid-template-columns:1fr}
.aw-app .avl-map-word{font-size:clamp(30px,calc(510px / var(--avl-chars)),78px);font-weight:750;display:flex;align-items:center;justify-content:center;line-height:1.05;min-width:0;max-width:100%;white-space:nowrap}
.aw-app .avl-map-word>.avl-letter{min-width:.52em;min-height:1em}.aw-app .avl-word-encounter{display:inline-flex;align-items:center;justify-content:center;gap:0;flex:none}
.aw-app .avl-word-encounter.is-joined{border-radius:12px;background:#fff2cb;border-bottom:4px solid #d9af4b;padding:1px 1px 5px}
.aw-app .avl-word-encounter.is-separated{gap:14px}.aw-app .avl-word-encounter.is-separated .avl-map-vowel{background:#fff4d8;border:1px solid #e6c887;border-radius:12px}
.aw-app .avl-map-vowel{font:inherit;color:#21474b;line-height:1;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:44px;min-height:68px;padding:4px 5px;border:1px solid transparent;border-radius:8px;background:none;touch-action:manipulation;cursor:pointer}
.aw-app .avl-map-vowel:focus-visible{outline:3px solid #138376;outline-offset:-4px}.aw-app .avl-map-vowel.is-tonic{box-shadow:inset 0 -3px #d9b453}.aw-app .avl-map-family{font:500 11px/1.05 AulaInter,system-ui;display:flex;flex-direction:column;gap:1px;color:#587266}.aw-app .avl-map-family b{font-weight:700}.aw-app .avl-map-stress{font:650 10px/1.1 AulaInter,system-ui;background:#fff1ba;color:#7a6425;padding:2px 6px;border-radius:10px}
.aw-app .avl-map-syllables{min-width:0;border-left:1px solid #dce8de;padding-left:20px}.aw-app .avl-map-syllables .avl-syllable-boxes{gap:8px}.aw-app .avl-map-syllables .avl-syllable-box{font-size:clamp(30px,3.8cqw,55px);min-height:60px;min-width:52px;padding:7px 12px;border-radius:14px}.aw-app .avl-map-example.has-many-syllables .avl-syllable-box{font-size:clamp(24px,2.8cqw,39px);min-width:40px;padding:7px;min-height:52px}
.aw-app .avl-map-example .avl-formation-rule{font-size:clamp(16px,1.7cqw,23px);line-height:1.2;color:#33785f;font-weight:650;text-align:center;margin:0;border-radius:12px;padding:6px 12px;background:#eef7e9}
.aw-app .avl-discovery-footer{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;flex:none;position:relative;flex-wrap:wrap}
.aw-app .avl-family-legend{display:flex;align-items:center;gap:15px;flex-wrap:wrap;justify-content:center}.aw-app .avl-family-legend>span{display:inline-flex;align-items:center;gap:6px}.aw-app .avl-family-legend small{font-size:14px;color:#4a6c62}.aw-app .avl-family-legend strong{font-size:23px;letter-spacing:.06em}
.aw-app .avl-map-helpers,.aw-app .avl-map-quick-guide{position:relative}.aw-app .avl-map-helpers>summary,.aw-app .avl-map-quick-guide>summary{list-style:none;font-size:13px;min-height:44px;padding:9px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.aw-app .avl-map-helpers>summary::-webkit-details-marker,.aw-app .avl-map-quick-guide>summary::-webkit-details-marker{display:none}
.aw-app .avl-map-helpers[open]>.avl-discover-controls{position:absolute;z-index:15;bottom:50px;right:0;width:330px;max-width:calc(100cqw - 24px);padding:14px;background:#fffefa;border:1px solid #c7ded2;border-radius:16px;box-shadow:0 10px 28px #224c3126;display:flex;flex-direction:column;align-items:stretch;gap:7px}
.aw-app .avl-reference-accent .avl-work{gap:11px}.aw-app .avl-reference-accent .avl-accent-examples{margin:0;gap:8px}.aw-app .avl-reference-accent .avl-accent-examples .avl-button{font-size:19px;min-height:44px;padding:8px 18px}
.aw-app .avl-accent-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:100%;position:relative}
.aw-app .avl-accent-step{padding:14px 12px;border-radius:20px;border-color:#c7ddd2;background:#fbfefb;min-height:190px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:17px;position:relative;color:#244d48}
.aw-app .avl-accent-step[aria-pressed=true]{background:#fbfefb;box-shadow:none;border-color:#b5d6c5}.aw-app .avl-accent-step:not(:last-child):after{content:'➜';position:absolute;right:-20px;top:55%;transform:translateY(-50%);color:#87ab8e;font-size:24px;width:20px;z-index:1;text-align:center}.aw-app .avl-accent-step:focus-visible{outline:3px solid #138376;outline-offset:-4px}
.aw-app .avl-step-heading{display:flex;align-items:center;gap:9px;text-align:left;min-height:40px}.aw-app .avl-step-heading i{font:750 20px/1 AulaInter,system-ui;font-style:normal;width:37px;height:37px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#dceee0;color:#377963;flex:none}.aw-app .avl-step-heading>strong{font-size:clamp(16px,1.7cqw,23px);line-height:1.2}
.aw-app .avl-step-visual{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;flex:1;min-width:0;font-size:clamp(22px,3.2cqw,45px);font-weight:750;line-height:1.15;align-content:center}.aw-app .avl-step-visual>b{font-weight:750}.aw-app .avl-step-syllables{gap:3px}.aw-app .avl-step-syllables .avl-syllable-dot{font-size:20px;font-style:normal;color:#749785}.aw-app .avl-step-vowel{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 8px;border-radius:12px;background:#fff6df;min-width:61px}.aw-app .avl-step-vowel.avl-closed{background:#eaf7f2}.aw-app .avl-step-vowel b{font-size:clamp(35px,4.2cqw,59px);line-height:1}.aw-app .avl-step-vowel small{font:600 13px/1.15 AulaInter,system-ui;color:inherit}.aw-app .avl-step-type{border:1px solid #afd3bd;border-radius:25px;background:#e8f6eb;padding:10px 12px;font-size:clamp(20px,2.6cqw,35px);line-height:1.15}.aw-app .avl-step-tonic{gap:2px}.aw-app .avl-step-tonic>b{padding:7px 4px;border-radius:10px}.aw-app .avl-step-tonic .is-tonic{background:#fff0bb;box-shadow:inset 0 -3px #dfba59}.aw-app .avl-step-classification{flex-basis:100%;font:650 15px/1.2 AulaInter,system-ui;color:#496e5a;margin-top:5px}.aw-app .avl-step-covered{font-size:15px;font-weight:500;color:#83998e}.aw-app .avl-accent-step[data-revealed=false]{background:#f5f9f6;border-style:dashed}
.aw-app .avl-accent-conclusion{width:min(100%,1050px);border:1px solid #bedcca;border-radius:22px;padding:18px 24px;background:linear-gradient(110deg,#f0f8eb,#e2f4ec);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:110px}
.aw-app .avl-accent-conclusion .avl-accent-decision{font-size:clamp(29px,4.5cqw,61px);font-weight:750;line-height:1.1;color:#147969}.aw-app .avl-accent-conclusion p{font-size:clamp(17px,2cqw,28px);font-weight:550;line-height:1.25;margin:0;color:#3f705a}.aw-app .avl-accent-conclusion[data-revealed=false]{background:#f5faf6;min-height:100px}.aw-app .avl-accent-conclusion[data-revealed=false]>strong{font-size:25px;color:#59836b}.aw-app .avl-accent-step-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;width:100%}.aw-app .avl-accent-step-controls>.avl-button{font-size:14px}
.aw-app .avl-map-quick-guide[open]>.avl-accent-guide-content{position:absolute;bottom:50px;right:0;width:750px;max-width:calc(100cqw - 24px);max-height:360px;overflow:auto;z-index:15;background:#fffefa;padding:15px;border:1px solid #c7ded2;border-radius:18px;box-shadow:0 10px 28px #224c3126}
@container avl (max-width:1000px){.aw-app .avl-reference-discovery .avl-work{gap:7px}.aw-app .avl-map-cards{gap:12px}.aw-app .avl-map-card{min-height:105px;padding:7px 8px;gap:3px;border-radius:16px}.aw-app .avl-map-card>strong{font-size:27px}.aw-app .avl-map-pattern{min-height:40px;font-size:35px}.aw-app .avl-map-caption{font-size:15px}.aw-app .avl-map-example{padding:8px 12px;gap:6px}.aw-app .avl-map-word{font-size:clamp(27px,calc(400px / var(--avl-chars)),62px)}.aw-app .avl-map-visual{gap:15px;min-height:80px}.aw-app .avl-map-vowel{padding:3px;min-height:58px}.aw-app .avl-map-syllables{padding-left:13px}.aw-app .avl-map-syllables .avl-syllable-box{min-height:53px;font-size:35px;padding:6px 9px;min-width:42px}.aw-app .avl-map-example.has-many-syllables .avl-syllable-box{font-size:26px;min-width:35px;padding:6px;min-height:46px}.aw-app .avl-map-example .avl-formation-rule{font-size:16px}.aw-app .avl-family-legend{gap:12px}.aw-app .avl-family-legend small{font-size:12px}.aw-app .avl-family-legend strong{font-size:20px}.aw-app .avl-discovery-footer{gap:9px}.aw-app .avl-accent-steps{gap:15px}.aw-app .avl-accent-step{min-height:154px;padding:10px 8px;gap:10px;border-radius:15px}.aw-app .avl-accent-step:not(:last-child):after{right:-15px;width:15px;font-size:20px}.aw-app .avl-step-heading{gap:6px}.aw-app .avl-step-heading i{width:29px;height:29px;font-size:18px}.aw-app .avl-step-heading>strong{font-size:15px}.aw-app .avl-step-visual{font-size:27px;gap:2px}.aw-app .avl-step-vowel{padding:7px 5px;min-width:48px;gap:5px}.aw-app .avl-step-vowel b{font-size:38px}.aw-app .avl-step-vowel small{font-size:11px}.aw-app .avl-step-type{font-size:22px;padding:8px}.aw-app .avl-step-classification{font-size:13px}.aw-app .avl-accent-conclusion{min-height:95px;padding:11px 18px;border-radius:18px}.aw-app .avl-accent-conclusion .avl-accent-decision{font-size:38px}.aw-app .avl-accent-conclusion p{font-size:18px}.aw-app .avl-reference-accent .avl-work{gap:8px}.aw-app .avl-reference-accent .avl-accent-examples .avl-button{font-size:16px;padding:8px 13px}}
@container avl (max-width:650px){.aw-app .avl-map-cards{gap:7px}.aw-app .avl-map-card{min-height:106px;padding:7px 4px;gap:5px}.aw-app .avl-map-card>strong{font-size:21px}.aw-app .avl-map-caption{font-size:12px}.aw-app .avl-map-pattern{font-size:30px}.aw-app .avl-map-pattern.is-joined{padding:3px 4px}.aw-app .avl-map-pattern.is-separated{gap:6px}.aw-app .avl-map-pattern.is-separated i{padding:4px 3px}.aw-app .avl-map-visual{display:flex;flex-direction:column;gap:10px}.aw-app .avl-map-word{font-size:clamp(25px,calc(350px / var(--avl-chars)),58px)}.aw-app .avl-map-syllables{border:0;padding:0;width:100%}.aw-app .avl-map-example{padding:12px 7px;gap:11px}.aw-app .avl-map-syllables .avl-syllable-box{font-size:32px}.aw-app .avl-discovery-footer{gap:7px}.aw-app .avl-family-legend{flex-basis:100%;gap:14px}.aw-app .avl-accent-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.aw-app .avl-accent-step{min-height:160px}.aw-app .avl-accent-step:nth-child(2):after{content:none}.aw-app .avl-accent-step:nth-child(3):after{content:'➜'}.aw-app .avl-accent-conclusion .avl-accent-decision{font-size:31px}.aw-app .avl-accent-conclusion p{font-size:17px}.aw-app .avl-step-heading>strong{font-size:14px}.aw-app .avl-map-quick-guide[open]>.avl-accent-guide-content{right:-30px;max-width:calc(100cqw - 12px)}.aw-app .avl-map-question{padding:7px 10px}.aw-app .avl-map-question .avl-instruction{font-size:19px}.aw-app .avl-reference-discovery .avl-work{gap:11px;padding:8px 1px}}
@container avl (max-width:400px){.aw-app .avl-map-card>strong{font-size:17px}.aw-app .avl-map-caption{font-size:11px}.aw-app .avl-map-pattern{font-size:25px}.aw-app .avl-map-card{min-height:96px}.aw-app .avl-map-pattern.is-separated{gap:3px}.aw-app .avl-map-pattern.is-separated i{padding:4px 2px}.aw-app .avl-map-pattern.is-joined{padding:4px 3px}.aw-app .avl-map-question .avl-instruction{font-size:17px}.aw-app .avl-map-word{font-size:clamp(22px,calc(310px / var(--avl-chars)),56px)}.aw-app .avl-map-vowel{min-width:44px;min-height:52px;padding:3px}.aw-app .avl-map-family{font-size:10px}.aw-app .avl-map-stress{font-size:9px}.aw-app .avl-word-encounter.is-separated{gap:9px}.aw-app .avl-accent-step{padding:9px 6px;min-height:150px}.aw-app .avl-step-heading{gap:4px}.aw-app .avl-step-heading>strong{font-size:12px}.aw-app .avl-step-heading i{width:25px;height:25px;font-size:16px}.aw-app .avl-step-vowel{min-width:41px}.aw-app .avl-step-vowel b{font-size:30px}.aw-app .avl-step-vowel small{font-size:10px}.aw-app .avl-step-type{font-size:18px;padding:8px 6px}.aw-app .avl-step-visual{font-size:23px}.aw-app .avl-accent-conclusion{padding:12px 10px}.aw-app .avl-accent-conclusion .avl-accent-decision{font-size:29px}.aw-app .avl-accent-conclusion p{font-size:16px}}

.aw-app .avl-module.avl-reference-discovery[data-mode=discover] .avl-question{display:flex}
.aw-app .avl-step-condition{font:550 13px/1.2 AulaInter,system-ui;color:#577965;flex-basis:100%;text-align:center}.aw-app .avl-accent-conclusion .avl-accent-placement{font-size:clamp(14px,1.5cqw,20px);font-weight:500}
@container avl (max-width:1000px){.aw-app .avl-step-condition{font-size:11px}.aw-app .avl-accent-conclusion .avl-accent-placement{font-size:14px}}

.aw-app .avl-accent-intro{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;width:100%}.aw-app .avl-accent-intro>.avl-question{flex:none}.aw-app .avl-accent-intro .avl-instruction{font-size:27px}.aw-app .avl-accent-intro .avl-accent-examples{width:auto;flex:none}.aw-app .avl-reference-accent .avl-accent-step{min-height:170px}.aw-app .avl-reference-accent .avl-accent-conclusion{padding:13px 22px}.aw-app .avl-reference-accent .avl-accent-decision{font-size:48px}.aw-app .avl-accent-step-controls>.avl-map-quick-guide{width:auto;flex:none}
@container avl (max-width:1000px){.aw-app .avl-reference-map .avl-work{gap:5px}.aw-app .avl-map-card{min-height:92px;padding:5px 7px;gap:2px}.aw-app .avl-map-card>strong{font-size:24px}.aw-app .avl-map-caption{font-size:13px}.aw-app .avl-map-pattern{font-size:28px;min-height:34px}.aw-app .avl-map-pattern.is-joined{padding:3px 7px 4px}.aw-app .avl-map-pattern.is-separated i{padding:3px 5px}.aw-app .avl-reference-map .avl-map-question{padding:2px 15px}.aw-app .avl-reference-map .avl-map-question .avl-instruction{font-size:19px}.aw-app .avl-reference-map .avl-listen{min-height:32px}.aw-app .avl-accent-intro{gap:10px;flex-wrap:nowrap}.aw-app .avl-accent-intro .avl-instruction{font-size:22px}.aw-app .avl-accent-intro .avl-accent-examples{gap:5px}.aw-app .avl-accent-intro .avl-accent-examples .avl-button{font-size:15px;padding:7px 10px}.aw-app .avl-reference-accent .avl-accent-step{min-height:142px;gap:8px}.aw-app .avl-reference-accent .avl-accent-decision{font-size:35px}.aw-app .avl-reference-accent .avl-accent-conclusion{padding:10px 17px;min-height:88px}.aw-app .avl-reference-accent .avl-work{gap:7px}}
@container avl (max-width:650px){.aw-app .avl-accent-intro{flex-wrap:wrap}.aw-app .avl-accent-intro .avl-accent-examples{flex-wrap:wrap;width:100%}.aw-app .avl-reference-map .avl-work{gap:10px}.aw-app .avl-reference-accent .avl-accent-decision{font-size:29px}.aw-app .avl-accent-step-controls>.avl-map-quick-guide{max-width:100%}}
.aw-app .avl-reference-discovery .avl-listen{min-width:44px;min-height:44px}.aw-app .avl-reference-map .avl-map-question{position:relative}.aw-app .avl-reference-map .avl-map-question .avl-listen{position:absolute;right:-54px;top:50%;transform:translateY(-50%);width:44px;height:44px;min-height:44px;padding:8px}.aw-app .avl-reference-map .avl-map-question .avl-listen span{display:none}
@container avl (max-width:650px){.aw-app .avl-reference-map .avl-map-question .avl-listen{position:static;transform:none;flex:none}.aw-app .avl-reference-map .avl-map-question{max-width:100%;padding:5px 8px}}
@container avl (max-width:400px){.aw-app .avl-map-card>strong{font-size:15px;letter-spacing:-.02em}}
@container avl (min-width:651px) and (max-width:1000px){.aw-app .avl-reference-accent .avl-work{gap:5px}}
@container avl (min-width:651px) and (max-width:1000px){.aw-app .avl-reference-accent .avl-accent-conclusion{padding-top:6px;padding-bottom:6px}}


/* 1.49: combinations have a stable column; the word remains the main activity. */
.aw-app .avl-with-sidebar .avl-stage{display:grid;grid-template-columns:clamp(190px,19cqw,230px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:20px;align-items:stretch;overflow:auto}
.aw-app .avl-with-sidebar .avl-formation-main{container:avl-main / inline-size;max-width:none;width:100%;min-width:0;margin:auto;gap:14px;padding:10px 4px;justify-content:center}
.aw-app .avl-formula-sidebar{min-width:0;align-self:start;position:sticky;top:0;display:flex;flex-direction:column;gap:10px;padding:15px 11px;border:1px solid #c7ded4;border-radius:20px;background:#f3f9f5;max-height:100%;overflow:auto;overscroll-behavior:contain}
.aw-app .avl-formula-sidebar[data-encounter=Hiato]{background:#fffbf0;border-color:#e3d1a7}
.aw-app .avl-formula-title{font-size:23px;line-height:1.15;text-align:center;color:#24534d}
.aw-app .avl-formula-list{display:flex;flex-direction:column;gap:9px;min-width:0}
.aw-app .avl-formula-case{width:100%;min-width:0;min-height:81px;padding:10px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:15px;background:#fffefd;border:1px solid #c6ddd3;touch-action:manipulation}
.aw-app .avl-formula-case[aria-pressed=true]{border-color:#178a76;background:#e3f3eb;box-shadow:inset 0 0 0 1px #178a76}
.aw-app .avl-formula-sidebar[data-encounter=Hiato] .avl-formula-case[aria-pressed=true]{background:#fff0cc;border-color:#bb9142;box-shadow:inset 0 0 0 1px #bb9142}
.aw-app .avl-formula{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}
.aw-app .avl-formula-token{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
.aw-app .avl-formula-glyph{font-size:42px;line-height:1;font-weight:750;letter-spacing:-.025em;white-space:nowrap}
.aw-app .avl-formula-label{font-size:12px;line-height:1.15;font-weight:600;color:inherit}
.aw-app .avl-formula-plus{font-style:normal;font-size:25px;font-weight:600;line-height:1;color:#64817a;margin-top:-13px}
.aw-app .avl-formula-token.is-stressed .avl-formula-glyph{font-size:34px}
.aw-app .avl-formula-caption{font-size:12px;line-height:1.2;color:#5c796f;font-weight:600}
.aw-app .avl-formula-note{padding:9px 5px 2px;color:#4a6e60;font-size:14px;line-height:1.4;text-align:center}
.aw-app .avl-formula-note p{margin:0}
.aw-app .avl-formula-technical{border-top:1px solid #d5e3d8;padding-top:6px}
.aw-app .avl-formula-technical summary{min-height:44px;font-size:13px;text-align:center;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:7px}
.aw-app .avl-formula-technical summary::-webkit-details-marker{display:none}
.aw-app .avl-formula-technical p{font-size:13px;line-height:1.4;color:#607768;margin:9px 2px}
.aw-app .avl-formation-main .avl-map-cards{gap:14px}
.aw-app .avl-formation-main .avl-map-card{min-height:136px;gap:8px}
.aw-app .avl-formation-main .avl-map-card>strong{font-size:clamp(23px,3.3cqw,38px)}
.aw-app .avl-formation-main .avl-map-caption{font-size:clamp(13px,1.5cqw,18px)}
.aw-app .avl-formation-main .avl-map-example{padding:18px 14px;gap:13px}
.aw-app .avl-formation-main .avl-map-word{font-size:clamp(26px,calc(550px / var(--avl-chars)),85px)}
.aw-app .avl-formation-main .avl-map-visual{gap:18px}
.aw-app .avl-formation-main .avl-map-question{max-width:calc(100% - 100px)}
.aw-app .avl-syllable-preview{gap:8px}
.aw-app .avl-preview-hyphen{font-size:34px;font-weight:700;line-height:1;color:#537b70;align-self:center}
.aw-app .avl-cut{color:#88a59c;background:#f5f9f6;font-weight:700}
.aw-app .avl-cut[aria-pressed=true]{color:#087d6c;background:#dbf0e7;border-color:#178a76;box-shadow:inset 0 0 0 1px #178a76}
@container avl-main (max-width:700px){.aw-app .avl-formation-main .avl-map-card{min-height:112px;padding:8px 5px;gap:5px}.aw-app .avl-formation-main .avl-map-card>strong{font-size:24px}.aw-app .avl-formation-main .avl-map-pattern{font-size:32px;min-height:37px}.aw-app .avl-formation-main .avl-map-caption{font-size:12px}.aw-app .avl-formation-main .avl-map-visual{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:12px}.aw-app .avl-formation-main .avl-map-syllables{border:0;padding:0;width:100%}.aw-app .avl-formation-main .avl-map-example{padding:12px 8px}.aw-app .avl-formation-main .avl-map-word{font-size:clamp(25px,calc(420px / var(--avl-chars)),68px)}.aw-app .avl-formation-main .avl-map-syllables .avl-syllable-box{font-size:33px;min-height:48px;padding:6px 9px}.aw-app .avl-formation-main .avl-map-example.has-many-syllables .avl-syllable-box{font-size:27px;min-width:35px;padding:5px;min-height:44px}.aw-app .avl-formation-main .avl-map-example .avl-formation-rule{font-size:16px}}
@container avl (max-width:1000px){.aw-app .avl-with-sidebar .avl-stage{gap:13px;grid-template-columns:190px minmax(0,1fr)}.aw-app .avl-with-sidebar .avl-formation-main{gap:9px;padding:5px 2px}.aw-app .avl-formula-sidebar{padding:11px 8px;gap:8px;border-radius:16px}.aw-app .avl-formula-title{font-size:21px}.aw-app .avl-formula-case{min-height:73px;padding:8px 5px}.aw-app .avl-formula-glyph{font-size:38px}.aw-app .avl-formula-token.is-stressed .avl-formula-glyph{font-size:31px}.aw-app .avl-formula-note{font-size:13px}.aw-app .avl-formula{gap:7px}}
@container avl (max-width:640px){.aw-app .avl-with-sidebar .avl-stage{display:flex;flex-direction:column;gap:14px}.aw-app .avl-formula-sidebar{position:static;flex:none;max-height:none;width:100%;padding:10px;gap:8px}.aw-app .avl-formula-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.aw-app .avl-formula-sidebar[data-encounter=Hiato] .avl-formula-list{grid-template-columns:repeat(2,minmax(0,1fr))}.aw-app .avl-formula-case{min-height:74px;padding:8px 3px}.aw-app .avl-formula-title{font-size:20px}.aw-app .avl-formula{gap:4px}.aw-app .avl-formula-glyph{font-size:31px}.aw-app .avl-formula-plus{font-size:19px;margin-top:-13px}.aw-app .avl-formula-label{font-size:10px}.aw-app .avl-formula-token.is-stressed .avl-formula-glyph{font-size:29px}.aw-app .avl-formula-sidebar[data-encounter=Triptongo] .avl-formula-list{grid-template-columns:1fr}.aw-app .avl-formula-sidebar[data-encounter=Triptongo] .avl-formula{gap:12px}.aw-app .avl-formula-note{font-size:13px;padding:2px 4px}.aw-app .avl-formula-technical{padding-top:2px}.aw-app .avl-with-sidebar .avl-formation-main{margin:0;flex:none;gap:13px;padding:7px 1px}.aw-app .avl-formation-main .avl-map-question{max-width:100%}.aw-app .avl-formation-main .avl-map-cards{gap:7px}.aw-app .avl-formation-main .avl-map-card{min-height:108px;gap:6px}.aw-app .avl-formation-main .avl-map-card>strong{font-size:18px}.aw-app .avl-formation-main .avl-map-caption{font-size:11px}.aw-app .avl-formation-main .avl-map-pattern{font-size:26px}.aw-app .avl-formation-main .avl-map-example{gap:12px}.aw-app .avl-formation-main .avl-map-word{font-size:clamp(22px,calc(300px / var(--avl-chars)),62px)}.aw-app .avl-formation-main .avl-map-example .avl-formation-rule{font-size:15px}.aw-app .avl-syllable-preview{gap:4px}.aw-app .avl-preview-hyphen{font-size:27px}}

@container avl-main (max-width:560px){.aw-app .avl-formation-main .avl-map-visual{display:flex;flex-direction:column}.aw-app .avl-formation-main .avl-map-syllables{border:0;padding:0;width:100%}}
@container avl (max-width:400px){.aw-app .avl-formation-main .avl-map-card>strong{font-size:15px;letter-spacing:-.025em}.aw-app .avl-formation-main .avl-map-caption{font-size:10px}}

@container avl (min-width:641px) and (max-width:1000px){.aw-app .avl-module.avl-with-sidebar[data-mode=discover] .avl-formation-main{gap:5px;padding:2px}.aw-app .avl-formation-main .avl-map-card{min-height:100px;gap:3px}.aw-app .avl-formation-main .avl-map-example{padding:10px 8px;gap:9px}}

/* A checked syllable answer still leaves its preview visible on a classroom tablet. */
@container avl (min-width:641px) and (max-width:1000px){.aw-app .avl-module[data-mode=practice][data-task=syllables] .avl-work{gap:9px;padding:3px}.aw-app .avl-module[data-mode=practice][data-task=syllables] .avl-instruction{font-size:21px}.aw-app .avl-module[data-mode=practice][data-task=syllables] .avl-word{font-size:48px}.aw-app .avl-module[data-mode=practice][data-task=syllables] .avl-syllable-preview .avl-syllable-box{font-size:40px;min-height:62px;min-width:62px;padding:7px 12px}.aw-app .avl-module[data-mode=practice][data-task=syllables] .avl-cut-token{font-size:43px}}