@font-face{font-family:'Noto Nastaliq Urdu';src:url('../fonts/NotoNastaliqUrdu.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
[lang="ur"]{direction:rtl;unicode-bidi:isolate;letter-spacing:0;line-height:2.7;word-spacing:normal}
[lang="en"],.card-title-en,.card-desc,.letter-name-en,.letter-roman,.letter-example-meaning,.letter-sound-hint,.phrase-roman,.phrase-english{direction:ltr;unicode-bidi:isolate;font-family:var(--font-en)}
.brand-mark{flex:0 0 48px;width:48px;height:48px}.brand-logo{min-width:0;white-space:nowrap;font-size:1.15rem;gap:.6rem}.header-inner{gap:1rem}.nav-list{gap:1.1rem}.nav-link{font-size:.85rem}.header-actions{flex-shrink:0}
.course-card{overflow:visible;padding:1.6rem;min-width:0}.card-top-row{gap:1rem;min-height:96px;align-items:center}.card-urdu-icon{flex-shrink:0;width:92px;height:96px;overflow:visible}.card-urdu-glyph[lang="ur"]{font-size:1.65rem;line-height:2.8;transform:none;padding:.2rem .35rem}.card-title-en{line-height:1.5;margin-bottom:.4rem}.card-title-ur[lang="ur"]{line-height:2.8;min-height:88px;padding:.35rem .1rem .8rem;margin-bottom:.7rem;font-size:1.2rem}.card-desc{line-height:1.85;min-height:90px}.card-badges{min-width:0}.lesson-badge{white-space:nowrap}.course-card:hover{transform:translateY(-3px)}
.hero-calligraphy-giant[lang="ur"]{line-height:2.1;font-size:5.2rem;transform:none;margin:0;padding:0 1rem 1rem}.hero-art-card{overflow:visible;min-height:460px}.floating-card-tag [lang="ur"]{line-height:2.8!important}.word-gloss{font-size:.8rem;color:var(--text-muted);margin-top:.35rem}.floating-card-tag{animation:none}.tag-top-right{right:0}.tag-bottom-left{left:0}
.alphabet-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:1.1rem}.letter-card-container{height:258px;border-radius:12px;min-width:0;touch-action:manipulation}.letter-front,.letter-back{padding:1.1rem .75rem;gap:.35rem;overflow:hidden}.letter-glyph-large[lang="ur"]{font-size:2.65rem;line-height:2.7;padding:.25rem .35rem .6rem;max-width:100%}.letter-sound-hint{margin:.25rem 0;font-size:.8rem;line-height:1.65}.letter-example-word[lang="ur"]{font-size:1.4rem;line-height:2.8;padding:.2rem .25rem .7rem;max-width:100%}.letter-example-meaning{line-height:1.7;font-size:.8rem}.letter-name-en{line-height:1.6}.letter-roman{line-height:1.7}.letter-card-container:focus .letter-flipper{transform:none}.letter-card-container.is-flipped .letter-flipper{transform:rotateY(180deg)}.letter-card-container[data-playing="true"]{outline:3px solid var(--accent);outline-offset:4px}.letter-card-container[aria-busy="true"]{outline:3px dashed var(--accent)}
.phrase-urdu-large[lang="ur"]{font-size:clamp(1.7rem,4.2vw,3.2rem);line-height:2.9;padding:.5rem .3rem 1.1rem;margin:0 0 1.25rem}.phrase-roman{line-height:1.8}.phrase-english{line-height:1.8}.phrase-audio-btn{white-space:normal;justify-content:center;min-height:52px}.audio-note{font-size:.78rem;color:#e1e8e3;margin-top:1rem}#audioStatus{min-height:2rem;color:#fff;font-size:.85rem;margin-top:.5rem}.audio-controls{display:flex;justify-content:center;gap:.65rem;align-items:center;margin-top:.75rem;flex-wrap:wrap}.audio-controls select{padding:.4rem;border-radius:6px;background:#fff;color:#173b27;border:0}
section[id]{scroll-margin-top:95px}.btn{white-space:normal}.worksheet-card{min-width:0}.footer-bottom [lang="ur"]{padding:1rem 0;line-height:2.8!important}.toast-notification{max-width:calc(100vw - 24px)}
.lesson-dialog{width:min(680px,calc(100% - 24px));max-height:85vh;overflow:auto;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-surface);color:var(--text-main);padding:2rem;margin:auto;box-shadow:var(--shadow-lg)}.lesson-dialog::backdrop{background:#071a12bb;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1.2rem}.dialog-close{border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;background:var(--bg-cream);color:var(--text-main);font-size:1.5rem;flex-shrink:0}.lesson-dialog h2{font-size:1.4rem}.lesson-dialog p{margin:1rem 0;line-height:1.8}.lesson-dialog [lang="ur"]{display:block;text-align:right;font-size:1.5rem;padding:.5rem .3rem .8rem}.lesson-row{padding:.8rem 0;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:1rem}.lesson-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}
@media(min-width:1024px) and (max-width:1180px){.header-actions>.btn{display:none}}
@media(max-width:767px){.brand-logo{font-size:1rem}.brand-mark{width:40px;height:40px;flex-basis:40px}.header-actions>.btn{display:none}.header-actions{gap:.4rem}.header-inner{gap:.5rem}.hero-section{padding-top:2.5rem}.hero-title{font-size:2.5rem}.hero-pill{flex-wrap:wrap;white-space:normal;justify-content:center}.hero-art-card{min-height:400px}.floating-card-tag{max-width:85%;padding:.6rem .8rem}.hero-visual{padding:1.5rem .25rem}.phrase-card{padding:2rem 1rem}.phrase-tag{font-size:.65rem;white-space:normal;line-height:1.9}.phrase-roman{font-size:1.05rem}.phrase-english{font-size:1rem}.alphabet-audio-hint{line-height:1.8}.card-desc{min-height:0}.card-title-ur[lang="ur"]{min-height:0}.lesson-dialog{padding:1.2rem}.section-title{font-size:1.8rem}.hero-ctas .btn{width:100%}}
@media(max-width:480px){.alphabet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.letter-card-container{height:262px}.letter-front,.letter-back{padding:1rem .5rem}.letter-glyph-large[lang="ur"]{font-size:2.4rem}.letter-example-word[lang="ur"]{font-size:1.25rem}.hero-calligraphy-giant[lang="ur"]{font-size:4.7rem}.hero-art-card{padding:1.5rem}.letter-sound-hint{font-size:.72rem}.header-actions .theme-toggle-btn,.header-actions .mobile-menu-btn{width:36px;height:36px}.brand-logo{font-size:.9rem}.brand-mark{width:36px;height:36px;flex-basis:36px}.brand-logo{gap:.4rem}.container{padding-left:1rem;padding-right:1rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.hero-grid>*{min-width:0}.hero-trust-indicators{flex-wrap:wrap}.trust-text{min-width:0;white-space:normal}.stats-bar-card>*{min-width:0}.stat-item>div{min-width:0}.stat-number,.stat-label{white-space:normal;overflow-wrap:normal}
@media(max-width:767px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-pill{display:flex;max-width:100%;font-size:.72rem}.stats-bar-card{grid-template-columns:repeat(2,minmax(0,1fr));padding:1.25rem .7rem;gap:1.5rem .7rem}.stat-item{flex-direction:column;text-align:center;gap:.5rem}.stat-number{font-size:1.05rem}.stat-label{font-size:.75rem}.hero-visual{width:100%;max-width:100%}}

/* Urdu reading order: cards flow right to left (card #1 at top right) */
.alphabet-grid{direction:rtl}.alphabet-grid>*{direction:ltr}