.arabic-foundation{padding-bottom:24px}.af-intro{margin-bottom:24px}.af-kicker{color:var(--gold);font-size:16px}.af-intro h1{font-size:clamp(28px,4vw,40px);line-height:1.3;margin:10px 0}.af-intro p,.af-section-title p{font-size:16px;color:var(--muted);line-height:1.7}.af-section{scroll-margin-top:24px}.af-section+.af-section{margin-top:30px}.af-section-title{margin-bottom:18px}.af-section-title h2{font-size:24px;line-height:1.4}.af-section-title p{margin-top:5px}.af-letter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.af-letter{position:relative;padding:28px 16px 18px;background:#fffdfa;border:1px solid var(--border);border-radius:12px;text-align:center;color:var(--text)}.af-letter:hover{background:var(--sage)}.af-selected{background:#f0f4ec;border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.af-card-audio{position:absolute;top:12px;right:12px;color:var(--primary);display:flex}.af-letter>.arabic{display:block;font-size:80px;line-height:1.6;color:var(--primary)}.af-letter strong{font-family:Lora,serif;font-size:20px;font-weight:500}.af-letter>small{display:block;font-size:16px;line-height:1.5;color:var(--muted);margin-top:7px}.af-detail{margin-top:16px;padding-bottom:20px;border-bottom:1px solid var(--border)}.af-detail summary,.af-source summary{font-size:16px;color:var(--primary);cursor:pointer;min-height:44px;padding:10px 0}.af-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:14px}.af-detail h3{font-size:21px;margin-bottom:8px}.af-detail h3 span,.af-detail p{font-size:16px;color:var(--muted);line-height:1.8}.af-forms>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;text-align:center}.af-forms .arabic{display:block;font-size:40px;color:var(--primary)}.af-forms small,.af-harakat-key{font-size:16px;color:var(--muted)}.af-harakat-key{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 18px}.af-harakat-key>span{display:flex;align-items:center;gap:8px}.af-harakat-key .arabic{font-size:30px;line-height:1.5;min-width:24px;color:var(--primary)}.af-harakat-key strong{color:var(--primary);font-weight:500}.af-sounds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.af-sounds button{display:block;min-width:0;padding:18px;background:#fffdfa;border:1px solid var(--border);border-radius:12px;color:var(--text);text-align:left}.af-sounds button:hover{background:var(--sage)}.af-sounds button[aria-pressed=true]{background:var(--sage);outline:2px solid var(--primary)}.af-vowel-heading{display:flex;align-items:center;justify-content:space-between;color:var(--primary);font-size:18px;font-weight:500;margin-bottom:15px}.af-vowel-group{display:block}.af-vowel-group+.af-vowel-group{margin-top:16px;padding-top:12px;border-top:1px solid var(--border)}.af-vowel-label{font-size:16px;color:var(--muted);display:block;margin-bottom:6px}.af-vowel-sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;direction:ltr}.af-long-vowels{grid-template-columns:repeat(3,minmax(0,1fr))}.af-vowel-sequence>span{text-align:center;display:flex;flex-direction:column;gap:3px}.af-vowel-sequence .arabic{font-size:40px;line-height:1.8;color:var(--primary)}.af-vowel-sequence>span>span:last-child{font-size:16px;color:var(--muted)}.af-status{font-size:16px;color:var(--primary);line-height:1.7;margin-top:12px}.af-status:empty{display:none}.af-practice{margin-top:30px;background:#fffdfa;border:1px solid var(--border);border-radius:12px;padding:24px;scroll-margin-top:24px}.af-quiz-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0}.af-quiz-heading h3{font-size:18px}.af-quiz-heading>span{font-size:16px;color:var(--muted);white-space:nowrap}.af-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.af-options button{min-height:100px;border:1px solid var(--border);border-radius:9px;background:var(--background);color:var(--primary)}.af-options .arabic{font-size:57px}.af-options button:hover:enabled{border-color:var(--primary)}.af-options button:disabled{opacity:1}.af-options .af-correct{background:var(--sage);border-color:var(--primary)}.af-options .af-retry{background:#fbf0de;border-color:var(--gold)}.af-quiz-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.af-quiz-bottom p{font-size:16px;color:var(--muted);line-height:1.8}.af-result{text-align:center;padding:20px 0;color:var(--primary)}.af-result h3{font-size:25px;margin-top:12px}.af-result p{font-size:16px;line-height:1.8;color:var(--muted);margin-top:12px}.af-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}.af-source{margin-top:24px;font-size:16px;color:var(--muted);line-height:1.8}.af-source a{text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.af-intro{margin-bottom:18px}.af-letter-grid{gap:9px}.af-letter{padding:28px 8px 16px}.af-letter>.arabic{font-size:65px}.af-letter strong{font-size:18px}.af-letter>small{min-height:48px}.af-detail-grid{grid-template-columns:1fr;gap:18px}.af-forms>div{grid-template-columns:repeat(2,minmax(0,1fr))}.af-sounds{grid-template-columns:1fr;gap:14px}.af-harakat-key{gap:8px 18px}.af-practice{padding:20px 16px}.af-options{gap:9px}.af-quiz-bottom{flex-direction:column;align-items:flex-start;gap:12px}.af-result h3{font-size:22px}}