@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;500;700&family=Noto+Serif+Devanagari:wght@400;600;700&family=Noto+Sans+Kannada:wght@400;500;700&family=Noto+Serif+Kannada:wght@400;600;700&family=Noto+Sans+Tamil:wght@400;500;700&family=Noto+Serif+Tamil:wght@400;600;700&family=Noto+Sans+Telugu:wght@400;500;700&family=Noto+Serif+Telugu:wght@400;600;700&family=Noto+Sans+Malayalam:wght@400;500;700&family=Noto+Serif+Malayalam:wght@400;600;700&family=Noto+Serif+SC:wght@400;600;700&family=Noto+Sans+SC:wght@400;500;700&family=Inter:wght@400;500;600;700&display=swap";:root{--font-deva-serif:"Noto Serif Devanagari", "Noto Serif Kannada", "Noto Serif Tamil", "Noto Serif Telugu", "Noto Serif Malayalam", "Noto Serif SC", "Adishila", "Songti SC", serif;--font-deva-sans:"Noto Sans Devanagari", "Noto Sans Kannada", "Noto Sans Tamil", "Noto Sans Telugu", "Noto Sans Malayalam", "Noto Sans SC", "PingFang SC", sans-serif;--font-latin:"Inter", system-ui, sans-serif;--c-bg:#fdfbf7;--c-surface:#fff;--c-surface-2:#f5f0e8;--c-text:#2b2520;--c-text-soft:#6b6258;--c-primary:#9a3412;--c-primary-soft:#fff1e6;--c-accent:#1d4ed8;--c-accent-soft:#eff6ff;--c-success:#15803d;--c-success-soft:#f0fdf4;--c-error:#b91c1c;--c-error-soft:#fef2f2;--c-border:#e7e0d4;--c-gold:#b45309;--radius:10px;--shadow:0 1px 3px #2b252014, 0 4px 14px #2b25200f;--maxw:52rem}[data-theme=dark]{--c-bg:#191512;--c-surface:#221d19;--c-surface-2:#2c2620;--c-text:#ece5da;--c-text-soft:#a89c8d;--c-primary:#fb923c;--c-primary-soft:#3a2417;--c-accent:#93c5fd;--c-accent-soft:#1e2a45;--c-success:#4ade80;--c-success-soft:#14291b;--c-error:#f87171;--c-error-soft:#371a1a;--c-border:#3a332b;--c-gold:#fbbf24;--shadow:0 1px 3px #0006}*{box-sizing:border-box}html{font-family:var(--font-latin);background:var(--c-bg);color:var(--c-text);scroll-behavior:smooth}body{margin:0;line-height:1.65}:lang(sa),.sa,[lang=sa],:lang(kn),[lang=kn],:lang(ta),[lang=ta],:lang(te),[lang=te],:lang(ml),[lang=ml],:lang(mr),[lang=mr],:lang(zh),[lang=zh],:lang(es),[lang=es]{font-family:var(--font-deva-serif);font-size:1.06em;line-height:1.9}:lang(es),[lang=es]{font-size:1em;line-height:1.75}.translit{font-family:var(--font-latin);color:var(--c-text-soft);opacity:.85;letter-spacing:.01em;font-size:.78em;font-weight:400;line-height:1.4;display:block}[data-translit=off] .translit{display:none}.dialogue .translit,.drill .translit{margin-top:1px}button .translit{pointer-events:none}h1,h2,h3,h4{font-weight:700;line-height:1.3}h1 :lang(sa),h2 :lang(sa){font-family:var(--font-deva-serif)}a{color:var(--c-accent);text-decoration:none}a:hover{text-decoration:underline}main{max-width:var(--maxw);margin:0 auto;padding:1.5rem 1.25rem 5rem}.site-header{z-index:50;background:color-mix(in srgb, var(--c-bg) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-border);position:sticky;top:0}.site-header .inner{flex-wrap:wrap;align-items:center;gap:1rem;max-width:72rem;margin:0 auto;padding:.6rem 1.25rem;display:flex}.brand{font-family:var(--font-deva-serif);color:var(--c-primary);font-size:1.35rem;font-weight:700;text-decoration:none!important}.brand small{font-family:var(--font-latin);color:var(--c-text-soft);letter-spacing:.04em;margin-top:-4px;font-size:.7rem;display:block}.site-nav{flex-wrap:wrap;gap:.2rem;margin-left:auto;display:flex}.site-nav a{color:var(--c-text);border-radius:8px;padding:.35rem .65rem;font-size:.92rem;font-weight:500}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--c-surface-2);text-decoration:none}.header-controls{align-items:center;gap:.4rem;display:flex}.lang-toggle{border:1px solid var(--c-border);background:var(--c-surface);border-radius:999px;display:inline-flex;overflow:hidden}.lang-toggle button{cursor:pointer;color:var(--c-text-soft);font-size:.82rem;font-family:var(--font-deva-sans);background:0 0;border:0;padding:.3rem .7rem}.lang-toggle button.active{background:var(--c-primary);color:#fff}.theme-btn{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);cursor:pointer;border-radius:999px;width:2.1rem;height:2.1rem;font-size:1rem}.theme-btn.active{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}[data-lang=sa] .lang-en,[data-lang=en] .lang-sa{display:none!important}.bilingual{border-left:3px solid var(--c-border);margin:1rem 0;padding-left:1rem}.bilingual .lang-sa{margin-bottom:.35rem}.bilingual .lang-en{color:var(--c-text-soft);font-size:.95em}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem 1.25rem}.badge{background:var(--c-surface-2);color:var(--c-text-soft);letter-spacing:.03em;border-radius:999px;padding:.12rem .55rem;font-size:.72rem;font-weight:600;display:inline-block}.badge.arc-A{background:var(--c-success-soft);color:var(--c-success)}.badge.arc-bridge{background:var(--c-primary-soft);color:var(--c-primary)}.badge.arc-B{background:var(--c-accent-soft);color:var(--c-accent)}.badge.done{background:var(--c-success);color:#fff}.btn{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);cursor:pointer;border-radius:8px;padding:.5rem 1.1rem;font-size:.95rem;font-weight:600;display:inline-block;text-decoration:none!important}.btn:hover{background:var(--c-surface-2)}.btn.primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.btn.primary:hover{filter:brightness(1.1)}.btn.success{background:var(--c-success);border-color:var(--c-success);color:#fff}.level-grid{grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1rem;padding:0;list-style:none;display:grid}.level-card{color:inherit;transition:transform .12s;display:block;text-decoration:none!important}.level-card:hover{transform:translateY(-2px)}.level-card h3{margin:.3rem 0 .2rem}.level-card .sa-title{font-family:var(--font-deva-serif);font-size:1.25rem}.level-card .progress-bar{margin-top:.7rem}.progress-bar{background:var(--c-surface-2);border-radius:99px;height:6px;overflow:hidden}.progress-bar>div{background:var(--c-success);border-radius:99px;height:100%;transition:width .3s}.lesson-list{flex-direction:column;gap:.55rem;padding:0;list-style:none;display:flex}.lesson-list a{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);color:inherit;align-items:center;gap:.8rem;padding:.75rem 1rem;display:flex;text-decoration:none!important}.lesson-list a:hover{border-color:var(--c-primary)}.lesson-num{background:var(--c-surface-2);border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;font-size:.85rem;font-weight:700;display:grid}.lesson-list a.completed .lesson-num{background:var(--c-success);color:#fff}.lesson-titles .t-sa{font-family:var(--font-deva-serif);font-weight:600}.lesson-titles .t-en{color:var(--c-text-soft);font-size:.85rem}.lesson-header{margin-bottom:1.6rem}.lesson-header .crumbs{color:var(--c-text-soft);margin-bottom:.4rem;font-size:.85rem}.lesson-header h1{margin:.2rem 0}.lesson-header .h-sa{font-family:var(--font-deva-serif)}.lesson-header .h-en{color:var(--c-text-soft);font-size:1.05rem;font-weight:500}.lesson-nav{border-top:1px solid var(--c-border);justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.2rem;display:flex}.lesson-body h2{border-bottom:2px solid var(--c-primary-soft);margin-top:2.2rem;padding-bottom:.3rem}.lesson-body table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.97rem}.lesson-body th,.lesson-body td{border:1px solid var(--c-border);text-align:left;padding:.45rem .7rem}.lesson-body th{background:var(--c-surface-2);font-weight:600}.lesson-body td:lang(sa),.lesson-body table .sa{font-family:var(--font-deva-serif)}.dialogue{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);margin:1.2rem 0;padding:1rem 1.2rem}.dialogue .line{grid-template-columns:auto 1fr;gap:.2rem .9rem;padding:.45rem 0;display:grid}.dialogue .line+.line{border-top:1px dashed var(--c-border)}.dialogue .speaker{color:var(--c-primary);font-weight:700;font-family:var(--font-deva-sans);white-space:nowrap}.dialogue .text .lang-sa{font-family:var(--font-deva-serif);font-size:1.1rem}.dialogue .text .lang-en{color:var(--c-text-soft);font-size:.9rem}.sutra-card{background:linear-gradient(135deg, var(--c-primary-soft), var(--c-surface));border:1px solid var(--c-border);border-left:4px solid var(--c-primary);border-radius:var(--radius);margin:1.2rem 0;padding:1rem 1.2rem}.sutra-card .sutra-text{font-family:var(--font-deva-serif);font-size:1.35rem;font-weight:700}.sutra-card .sutra-meta{color:var(--c-text-soft);margin-top:.2rem;font-size:.8rem}.sutra-card .sutra-gloss{margin-top:.5rem}.derivation{border:1px solid var(--c-border);border-radius:var(--radius);margin:1.2rem 0;overflow:hidden}.derivation .deriv-title{background:var(--c-surface-2);font-weight:700;font-family:var(--font-deva-serif);padding:.55rem 1rem}.derivation ol{margin:0;padding:.6rem 1rem .8rem 2.4rem}.derivation li{padding:.25rem 0}.derivation .step-form{font-family:var(--font-deva-serif);font-size:1.05rem;font-weight:600}.derivation .step-rule{color:var(--c-text-soft);font-size:.85rem}.derivation .step-rule a{color:var(--c-primary)}.vocab-table{border-collapse:collapse;width:100%;margin:1rem 0}.vocab-table th,.vocab-table td{border:1px solid var(--c-border);padding:.45rem .75rem}.vocab-table th{background:var(--c-surface-2)}.vocab-table td.v-sa{font-family:var(--font-deva-serif);font-size:1.1rem;font-weight:600}.drill{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);margin:1.2rem 0;padding:1rem 1.2rem}.drill .drill-q{margin-bottom:.7rem;font-weight:600}.drill .drill-q .sa{font-family:var(--font-deva-serif);font-size:1.12rem}.drill .options{flex-direction:column;gap:.45rem;display:flex}.drill .options button,.drill .word-bank button{text-align:left;border:1px solid var(--c-border);background:var(--c-bg);cursor:pointer;font-size:1rem;font-family:var(--font-deva-serif);border-radius:8px;padding:.5rem .85rem}.drill .options button:hover{border-color:var(--c-primary)}.drill .options button.correct{background:var(--c-success-soft);border-color:var(--c-success)}.drill .options button.wrong{background:var(--c-error-soft);border-color:var(--c-error)}.drill .word-bank{flex-wrap:wrap;gap:.45rem;display:flex}.drill .word-bank button.used{opacity:.35;pointer-events:none}.drill .answer-line{border-bottom:2px solid var(--c-border);min-height:2.4rem;font-family:var(--font-deva-serif);margin:.6rem 0;padding:.3rem .2rem;font-size:1.15rem}.drill input[type=text]{border:1px solid var(--c-border);font-size:1.05rem;font-family:var(--font-deva-serif);background:var(--c-bg);color:var(--c-text);border-radius:8px;width:100%;max-width:22rem;padding:.45rem .7rem}.drill .drill-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.7rem;display:flex}.drill .feedback{font-weight:600}.drill .feedback.ok{color:var(--c-success)}.drill .feedback.no{color:var(--c-error)}.drill .explain{color:var(--c-text-soft);border-top:1px dashed var(--c-border);margin-top:.5rem;padding-top:.5rem;font-size:.9rem}.tool-panel{flex-direction:column;gap:.8rem;display:flex}.tool-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.tool-row input,.tool-row select{border:1px solid var(--c-border);font-size:1.1rem;font-family:var(--font-deva-serif);background:var(--c-surface);color:var(--c-text);border-radius:8px;padding:.5rem .8rem}.result-box{background:var(--c-surface-2);border-radius:var(--radius);min-height:3rem;padding:1rem 1.2rem}.result-box .big{font-family:var(--font-deva-serif);font-size:1.6rem;font-weight:700}.steps-list{margin:.6rem 0 0;padding:0;list-style:none}.steps-list li{border-top:1px dashed var(--c-border);padding:.4rem 0}.steps-list .form{font-family:var(--font-deva-serif);font-size:1.1rem;font-weight:600}.steps-list .rule{color:var(--c-text-soft);font-size:.85rem}.paradigm-table{border-collapse:collapse;width:100%;margin-top:1rem}.paradigm-table th,.paradigm-table td{border:1px solid var(--c-border);text-align:center;padding:.5rem .8rem}.paradigm-table td{font-family:var(--font-deva-serif);font-size:1.1rem}.paradigm-table th{background:var(--c-surface-2)}.sutra-list{padding:0;list-style:none}.sutra-list li{border-bottom:1px solid var(--c-border);padding:.8rem .4rem}.sutra-list .s-text{font-family:var(--font-deva-serif);font-size:1.2rem;font-weight:700}.sutra-list .s-meta{color:var(--c-text-soft);font-size:.8rem}.sutra-list .s-gloss{margin-top:.2rem;font-size:.92rem}.filter-bar{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.filter-bar select,.filter-bar input{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:8px;padding:.45rem .7rem;font-size:.95rem}.srs-card-box{text-align:center;padding:3rem 1.5rem}.srs-front{font-family:var(--font-deva-serif);font-size:2rem;font-weight:700}.srs-back{color:var(--c-text-soft);margin-top:1rem;font-size:1.2rem}.srs-buttons{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.8rem;display:flex}.hero{text-align:center;padding:3rem 1rem 2.5rem}.hero h1{font-family:var(--font-deva-serif);color:var(--c-primary);margin:0;font-size:clamp(2.2rem,6vw,3.4rem)}.hero .tagline{color:var(--c-text-soft);max-width:38rem;margin:.8rem auto;font-size:1.15rem}.hero .cta-row{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.5rem;display:flex}.path-diagram{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.5rem;max-width:46rem;margin:2.5rem auto;font-size:.95rem;display:grid}.path-diagram .stage{padding:1rem}.path-diagram .arrow{color:var(--c-text-soft);font-size:1.5rem}.path-diagram .stage b{font-family:var(--font-deva-serif);font-size:1.15rem;display:block}footer.site-footer{border-top:1px solid var(--c-border);text-align:center;color:var(--c-text-soft);margin-top:3rem;padding:2rem 1.25rem;font-size:.88rem}@media (width<=640px){.site-nav{font-size:.85rem}.path-diagram{grid-template-columns:1fr}.path-diagram .arrow{transform:rotate(90deg)}}
