.as-path{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}.as-path a{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--border);border-radius:24px;background:#fffdfa;font-size:16px}.as-path a span{color:var(--gold)}.as-path a[aria-current=page]{color:white;background:var(--primary);border-color:var(--primary)}.as-path a[aria-current=page] span{color:#f2dbb4}.as-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.as-kicker{display:block;color:var(--gold);font-size:16px}.as-intro h1{font-size:clamp(28px,3.5vw,40px);line-height:1.3;margin:10px 0}.as-intro p{color:var(--muted);font-size:16px;line-height:1.7}.as-toggle{display:flex;align-items:center;gap:9px;font-size:16px;white-space:nowrap;min-height:44px}.as-toggle input{width:19px;height:19px;accent-color:var(--primary)}.as-word-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.as-word{position:relative;display:flex;flex-direction:column;align-items:center;padding:25px 16px;background:#fffdfa;border:1px solid var(--border);border-radius:13px;color:var(--text)}.as-phrase:hover,.as-word:hover{background:#eff4ed}.as-speaker{position:absolute;top:16px;right:16px;color:var(--primary)}.as-picture{display:grid;place-items:center;width:86px;height:86px;background:#edf1e5;color:var(--primary);border-radius:50%;margin:8px 0 12px}.as-word:nth-child(2) .as-picture{background:#f1e8d7;color:#826437}.as-word:nth-child(3) .as-picture{background:#e6eef0;color:#41636b}.as-word:nth-child(4) .as-picture{background:#eee7ef;color:#775975}.as-word>.arabic{font-size:50px;line-height:1.8;color:var(--primary)}.as-roman{font-size:16px;color:var(--muted);line-height:1.7}.as-phrase strong,.as-word strong{font-size:18px;font-weight:500;margin-top:8px}.as-playing{outline:2px solid var(--primary);background:var(--sage)!important}.as-reading{justify-content:space-between;gap:28px;margin:24px 0;padding:22px;background:#f1f3e9;border-radius:12px}.as-join,.as-reading{display:flex;align-items:center}.as-join{gap:12px;flex-wrap:wrap;margin-top:8px}.as-join>.arabic{font-size:42px;color:var(--primary)}.as-join .as-part{font-size:32px;background:#fffdfa;border-radius:8px;padding:0 10px}.as-reading>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:340px}.as-phrase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.as-phrase{flex-direction:column;padding:22px 18px;background:#fffdfa;border:1px solid var(--border);border-radius:13px;color:var(--text);text-align:center;min-width:0}.as-phrase,.as-phrase-top{display:flex;align-items:center}.as-phrase-top{justify-content:space-between;width:100%;color:var(--primary);margin-bottom:18px}.as-phrase>.arabic{font-size:35px;line-height:1.9;color:var(--primary);min-height:74px}.as-reply{display:flex;flex-direction:column;gap:7px;width:100%;margin-top:22px;padding-top:18px;border-top:1px solid var(--border);font-size:16px}.as-reply>.arabic{font-size:31px;line-height:1.9;color:var(--primary)}.as-listen-tip{font-size:16px;line-height:1.8;color:var(--muted);margin:16px 0}.as-dialogue{padding:26px;background:#f0f3ec;border:1px solid var(--border);border-radius:14px}.as-dialogue-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.as-dialogue-title h2{font-size:24px}.as-dialogue-title>span{font-size:16px;color:var(--muted)}.as-exchange{padding:18px;border-radius:12px;border:1px solid #dfe6db;margin-top:18px}.as-exchange-audio{display:flex;align-items:center;gap:9px;background:#fffdfa;color:var(--primary);padding:10px 15px;border-radius:24px;font-size:16px;margin-bottom:16px;border:1px solid var(--border)}.as-bubble{padding:18px 22px;max-width:80%;border-radius:12px;font-size:16px;line-height:1.8}.as-question{background:#fffdfa;border:1px solid var(--border)}.as-answer{background:#dfeadf;margin:14px 0 0 auto}.as-bubble .arabic{font-size:35px;line-height:1.9;color:var(--primary)}.as-audio-status{font-size:16px;line-height:1.8;color:var(--primary);margin-top:14px}.as-audio-status:empty{display:none}.as-practice{margin-top:28px;padding:26px;background:#fffdfa;border:1px solid var(--border);border-radius:12px}.as-practice-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.as-practice-title h2{font-size:24px}.as-practice-title>span{font-size:16px;color:var(--muted)}.as-practice>.as-prompt{font-size:48px;text-align:center;line-height:2;margin:16px 0;color:var(--primary)}.as-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.as-options button{font-size:18px;line-height:1.8;padding:16px;background:var(--background);border:1px solid var(--border);border-radius:9px;color:var(--text)}.as-arabic-options{grid-template-columns:repeat(2,minmax(0,1fr))}.as-arabic-options button{font-family:Noto Naskh Arabic,serif;font-size:29px;line-height:1.9}.as-options button.as-correct{background:var(--sage);border-color:var(--primary)}.as-options button.as-retry{background:#faf0de;border-color:var(--gold)}.as-options button:disabled{opacity:1}.as-feedback{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;min-height:44px}.as-feedback p,.as-practice>p{font-size:16px;line-height:1.8;color:var(--muted)}.as-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.as-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0}.as-bottom>a:first-child{display:flex;align-items:center;gap:9px;font-size:16px;color:var(--primary)}.as-credits{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:24px}.as-credits summary{min-height:44px;cursor:pointer;color:var(--primary);padding:10px 0}.as-credits a{text-decoration:underline}@media(max-width:800px){.as-intro{display:block}.as-toggle{margin-top:12px}.as-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.as-phrase-grid{grid-template-columns:1fr}.as-phrase>.arabic{font-size:40px;min-height:0}.as-reading{flex-direction:column;align-items:flex-start}.as-dialogue{padding:16px}.as-dialogue-title{align-items:flex-start;flex-direction:column}.as-exchange{padding:12px}.as-bubble{max-width:100%;padding:16px}.as-bubble .arabic{font-size:30px}.as-practice{padding:20px 16px}.as-options{gap:8px}.as-options button{padding:12px 8px;font-size:16px}.as-arabic-options{grid-template-columns:1fr}.as-arabic-options button{font-size:28px}.as-bottom,.as-feedback{flex-direction:column;align-items:flex-start}.as-path{gap:8px}.as-path a{padding:9px 12px}.as-word{padding:22px 12px}.as-word>.arabic{font-size:43px}.as-word-grid{gap:12px}}