.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-page{max-width:1140px;padding:40px 36px 64px;gap:22px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-back{margin:-18px 0 -10px;font-size:12px;min-height:24px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-page-head{align-items:flex-end;gap:24px;padding-bottom:6px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-page-head>div:first-child{flex:1;min-width:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-page-title{margin:6px 0 0;font-size:38px;line-height:1.08;font-weight:750;letter-spacing:-.035em}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-page-title em{display:inline;font-size:inherit;color:var(--terra);letter-spacing:-.01em}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-page-purpose{max-width:60ch;margin:12px 0 0;font-size:17px;line-height:1.55}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-mode{flex:0 0 auto}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-mode .tux-seg-option{padding:8px 14px;font-size:14px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-reference{display:grid;gap:22px;min-width:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided{gap:22px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key{background:var(--raised);border:1px solid var(--line);border-radius:var(--r-hero);padding:20px 24px;box-shadow:var(--shadow-soft)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key-title{margin:0;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key-title [lang=ar]{font-family:var(--ar-read);font-size:18px;color:var(--ink)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key-grid{margin:12px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key-grid>div{padding:4px 18px 8px;border-left:1px solid var(--line);display:grid;align-content:start;gap:2px;min-width:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key-grid>div:first-child{border-left:0;padding-left:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key-grid dt{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--terra)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key-grid dd{display:flex;align-items:center;gap:8px;min-height:76px;flex-wrap:wrap;margin:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key-grid .alpha-key-desc{font-family:var(--serif);font-style:italic;font-size:14px;color:var(--muted);min-height:0;display:block}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key .ar-display{font-family:var(--ar-read);font-size:clamp(34px,4.2vw,52px);line-height:1.85;font-weight:400}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key .ar-inline{font-family:var(--ar-read);font-size:18px;line-height:1.85}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key .ar-ui{font-family:var(--ar-read);font-size:30px;line-height:1.85}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key-name{font-size:22px;font-weight:700}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key-sound .transliteration{font-size:30px;font-weight:750;color:var(--ink)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key-foot{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:14.5px;color:var(--ink-soft)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key-foot .transliteration{font-size:inherit}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-filter{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-filter .tux-seg-option{padding:6px 11px;min-height:30px;font-size:13px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-alpha-direction{margin:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-alpha-layout[data-detail=open]{grid-template-columns:minmax(0,1fr) 390px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-alpha-grid,.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-alpha-layout[data-detail=open] .tux-alpha-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-alpha-tile{aspect-ratio:1/1.08;min-height:99.2px;padding:0;align-content:center;min-width:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-alpha-tile-btn{padding:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-alpha-tile-btn:after{content:"";position:absolute;inset:0;border-radius:16px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-alpha-glyph.ar-display{font-family:var(--ar-read);font-size:42px;line-height:1.85;font-weight:400}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-alpha-sound{min-height:0;font-size:13px;line-height:1.5;font-weight:700}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-alpha-sound .transliteration{color:var(--muted);font-size:inherit;font-weight:inherit}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-alpha-stop{top:28%;bottom:28%;pointer-events:none}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-alpha-detail{padding:20px 22px;max-height:none;overflow:visible;top:88px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter{gap:16px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter-glyph{width:96px;height:96px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter-glyph .ar-hero{font-family:var(--ar-read);font-size:58px;line-height:1.85;font-weight:400}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter-id{flex:1;gap:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter-name{font-size:22px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-letter-name-audio{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-letter-name-audio .ar-ui{font-family:var(--ar-read);font-size:22px;line-height:1.85}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-letter-sound{font-size:14px;color:var(--muted);margin:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-letter-sound .transliteration{font-size:18px;font-weight:700;color:var(--ink)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-vowels{display:flex;gap:8px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-vowels>div{flex:1;min-width:0;display:grid;justify-items:center;align-content:start;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:0 6px 8px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-vowels .ar-display{font-family:var(--ar-read);font-size:clamp(34px,4.2vw,52px);font-weight:400;line-height:1.85}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-vowels .transliteration{font-weight:750;font-size:13px;margin:-8px 0 4px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-form{padding:4px 4px 8px;min-width:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-form-glyph.ar-display{font-size:40px;line-height:1.85;font-weight:400}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter-join{display:flex;align-items:flex-start;gap:8px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter-join svg{width:16px;height:16px;flex-shrink:0;color:var(--teal);margin-top:3px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter-words{gap:4px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter-words li{padding:2px 0;min-height:0;border:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter-words li>.ar-ui{font-family:var(--ar-read);font-size:30px;line-height:1.85}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter-nav{border-top:1px solid var(--line);padding-top:8px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-audio-settings{justify-self:start;background:transparent;border:0;color:var(--terra);font:600 13px var(--sans);min-height:32px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key [data-ll-audio] button,.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter [data-ll-audio] button{min-width:34px;min-height:34px;width:34px;height:34px;padding:0;box-shadow:none;background:var(--terra-tint);color:var(--terra)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key [data-ll-audio] button svg,.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter [data-ll-audio] button svg{width:14px;height:14px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key label:has(>select[aria-label^="Playback speed"]),.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter[data-audio-settings=false] label:has(>select[aria-label^="Playback speed"]){display:none}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter[data-audio-settings=true] label:has(>select[aria-label^="Playback speed"]){display:flex}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter [data-ll-audio] select{max-width:100%}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-study-disclosure .tux-alpha-study{margin-top:20px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-sheet-scroll{overscroll-behavior:contain}@media (max-width:1099px){.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-alpha-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-page-head{flex-direction:column;align-items:stretch;gap:14px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-mode{align-self:flex-start}}@media (max-width:700px){.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-page{padding:22px 18px 40px;gap:18px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-back{margin:-8px 0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-page-title{font-size:30px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-page-purpose{font-size:16px;margin-top:8px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-mode{align-self:stretch}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-reference{gap:18px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key{padding:16px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key-grid>div{padding:4px 10px 8px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key-grid>div:nth-child(3){border-left:0;padding-left:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key-grid dd{min-height:60px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-alpha-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-alpha-glyph.ar-display{font-size:32px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-alpha-tile{min-height:80.7px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter-glyph{width:76px;height:76px;border-radius:20px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter-glyph .ar-hero{font-size:46px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key [data-ll-audio] button,.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter [data-ll-audio] button{min-width:44px;min-height:44px;width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-alpha-tile{transition:none}}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter,.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter>*,.tux2.tux-alphabet-page[data-teaching-ux=v2] [data-ll-audio]{min-width:0;max-width:100%}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter [role=status]:not(.sr-only){flex-wrap:wrap}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter-words .cfeat{color:var(--terra);background:transparent;border:0;padding:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-sheet{background:var(--raised)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter-head .tux-letter-close{margin-left:0;align-self:flex-start;flex-shrink:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter-glyph{background:var(--paper-deep)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-key [data-ll-audio] .lucide-play,.tux2.tux-alphabet-page[data-teaching-ux=v2] .tux-letter [data-ll-audio] .lucide-play{fill:currentColor;stroke-width:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-reference-tools{display:grid;gap:22px;min-width:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-start-options{margin-bottom:24px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided{display:grid;gap:16px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-note{margin:0;font-size:14px;color:var(--muted)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-steps button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:var(--raised);border-radius:16px;padding:10px 12px;color:var(--ink);cursor:pointer}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-steps strong{display:block;font-size:13.5px;line-height:1.5}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-steps small{display:block;font-size:12px;color:var(--muted);line-height:1.5}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-number{display:grid;place-items:center;width:26px;height:26px;border-radius:99px;border:1.5px solid var(--line-strong);font-size:12px;font-weight:800;flex-shrink:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-number svg{width:14px;height:14px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-steps li[data-state=current] button{border-color:var(--terra);background:var(--terra-wash)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-steps li[data-state=current] .alpha-guided-number{background:var(--terra);border-color:var(--terra);color:#fff}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-steps li[data-state=done] .alpha-guided-number{background:var(--teal);border-color:var(--teal);color:#fff}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-card{background:var(--raised);border:1px solid var(--line);border-radius:var(--r-hero);padding:26px 28px;box-shadow:var(--shadow-soft);display:grid;gap:16px;min-height:340px;min-width:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-lede{margin:0;font-size:18px;line-height:1.55;color:var(--ink-soft)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-lede strong{color:var(--ink)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-lede .ar-inline{font-size:22px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-cell{display:grid;justify-items:center;gap:2px;min-width:130px;padding:4px 16px 14px;border-radius:20px;background:var(--paper);border:1px solid var(--line)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-cell small{font-size:16px;font-weight:750;margin-top:-10px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-cell .alpha-guided-sound{font-size:16px;font-weight:750;margin-top:-10px;color:var(--ink)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided .ar-hero{font-family:var(--ar-read);font-size:clamp(46px,6.4vw,82px);line-height:1.85;font-weight:400}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided .alpha-guided-glyph{font-size:72px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-word{display:flex;align-items:center;justify-content:center;gap:20px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-syllable{display:grid;justify-items:center;min-width:96px;border-radius:16px;border:1.5px solid var(--line);background:var(--paper);padding:0 12px 8px;cursor:pointer}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-syllable[aria-pressed=true]{border-color:var(--terra);background:var(--terra-wash)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-syllable .ar-display{font-family:var(--ar-read);font-size:clamp(34px,4.2vw,52px);line-height:1.85;font-weight:400}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-syllable .transliteration{font-size:13.33px;font-weight:750;margin-top:-6px;color:var(--ink)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-meaning{margin:0;text-align:center;font-family:var(--serif);font-style:italic;font-size:17px;color:var(--ink-soft)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-join{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-join .alpha-guided-join-letter{font-family:var(--ar-read);font-size:54px;line-height:1.85;font-weight:400;color:var(--ink-soft)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-plus{font-size:22px;color:var(--muted)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-arrow{color:var(--terra);width:26px;height:26px;flex-shrink:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:auto}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided [data-ll-audio] button{min-width:44px;min-height:44px;width:44px;height:44px;padding:0;box-shadow:none;background:var(--terra);color:#fff}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided [data-ll-audio] button svg{width:18px;height:18px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided [data-ll-audio] .lucide-play{fill:currentColor;stroke-width:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided [data-ll-audio] label:has(>select[aria-label^="Playback speed"]){display:none}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-word [data-ll-audio] button{width:56px;height:56px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-word [data-ll-audio] button svg{width:23px;height:23px}@media (max-width:700px){.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-reference-tools{gap:18px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-card{padding:18px 16px;min-height:0}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-cell{min-width:0;flex:1;padding:4px 8px 12px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided .ar-hero{font-size:clamp(42px,13.5vw,60px)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided .alpha-guided-glyph{font-size:56px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-join .alpha-guided-join-letter{font-size:40px}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-syllable{min-width:0;flex:1}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-syllable .ar-display{font-size:clamp(30px,8.5vw,42px)}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-actions .tux-btn{padding-inline:14px}}.tux2.tux-alphabet-page[data-teaching-ux=v2] .alpha-guided-listen{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font-size:14px;font-weight:650}