@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=Inter:wght@400;500;600;700&display=swap";:root{--font-deva-serif: "Noto Serif Devanagari", "Noto Serif Kannada", "Adishila", serif;--font-deva-sans: "Noto Sans Devanagari", "Noto Sans Kannada", sans-serif;--font-latin: "Inter", system-ui, sans-serif;--c-bg: #fdfbf7;--c-surface: #ffffff;--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 rgba(43, 37, 32, .08), 0 4px 14px rgba(43, 37, 32, .06);--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 rgba(0, 0, 0, .4)}*{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]{font-family:var(--font-deva-serif);font-size:1.06em;line-height:1.9}.translit{display:block;font-family:var(--font-latin);font-size:.78em;font-weight:400;line-height:1.4;color:var(--c-text-soft);opacity:.85;letter-spacing:.01em}[data-translit=off] .translit{display:none}.dialogue .translit,.drill .translit{margin-top:1px}button .translit{pointer-events:none}h1,h2,h3,h4{line-height:1.3;font-weight:700}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{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--c-bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--c-border)}.site-header .inner{max-width:72rem;margin:0 auto;padding:.6rem 1.25rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.brand{font-family:var(--font-deva-serif);font-size:1.35rem;font-weight:700;color:var(--c-primary);text-decoration:none!important}.brand small{font-family:var(--font-latin);font-size:.7rem;color:var(--c-text-soft);display:block;margin-top:-4px;letter-spacing:.04em}.site-nav{display:flex;gap:.2rem;flex-wrap:wrap;margin-left:auto}.site-nav a{padding:.35rem .65rem;border-radius:8px;color:var(--c-text);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{display:flex;align-items:center;gap:.4rem}.lang-toggle{display:inline-flex;border:1px solid var(--c-border);border-radius:999px;overflow:hidden;background:var(--c-surface)}.lang-toggle button{border:0;background:transparent;padding:.3rem .7rem;font-size:.82rem;cursor:pointer;color:var(--c-text-soft);font-family:var(--font-deva-sans)}.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);border-radius:999px;width:2.1rem;height:2.1rem;cursor:pointer;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);padding-left:1rem;margin:1rem 0}.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);padding:1.1rem 1.25rem;box-shadow:var(--shadow)}.badge{display:inline-block;font-size:.72rem;font-weight:600;padding:.12rem .55rem;border-radius:999px;background:var(--c-surface-2);color:var(--c-text-soft);letter-spacing:.03em}.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{display:inline-block;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:8px;padding:.5rem 1.1rem;font-size:.95rem;font-weight:600;cursor:pointer;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{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1rem;padding:0;list-style:none}.level-card{display:block;color:inherit;text-decoration:none!important;transition:transform .12s ease}.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{height:6px;border-radius:99px;background:var(--c-surface-2);overflow:hidden}.progress-bar>div{height:100%;background:var(--c-success);border-radius:99px;transition:width .3s ease}.lesson-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.55rem}.lesson-list a{display:flex;align-items:center;gap:.8rem;padding:.75rem 1rem;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);color:inherit;text-decoration:none!important}.lesson-list a:hover{border-color:var(--c-primary)}.lesson-num{flex:none;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:var(--c-surface-2);font-weight:700;font-size:.85rem}.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{font-size:.85rem;color:var(--c-text-soft)}.lesson-header{margin-bottom:1.6rem}.lesson-header .crumbs{font-size:.85rem;color:var(--c-text-soft);margin-bottom:.4rem}.lesson-header h1{margin:.2rem 0}.lesson-header .h-sa{font-family:var(--font-deva-serif)}.lesson-header .h-en{font-size:1.05rem;font-weight:500;color:var(--c-text-soft)}.lesson-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem;border-top:1px solid var(--c-border);padding-top:1.2rem}.lesson-body h2{margin-top:2.2rem;padding-bottom:.3rem;border-bottom:2px solid var(--c-primary-soft)}.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);padding:.45rem .7rem;text-align:left}.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);padding:1rem 1.2rem;margin:1.2rem 0}.dialogue .line{display:grid;grid-template-columns:auto 1fr;gap:.2rem .9rem;padding:.45rem 0}.dialogue .line+.line{border-top:1px dashed var(--c-border)}.dialogue .speaker{font-weight:700;color:var(--c-primary);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);padding:1rem 1.2rem;margin:1.2rem 0}.sutra-card .sutra-text{font-family:var(--font-deva-serif);font-size:1.35rem;font-weight:700}.sutra-card .sutra-meta{font-size:.8rem;color:var(--c-text-soft);margin-top:.2rem}.sutra-card .sutra-gloss{margin-top:.5rem}.derivation{margin:1.2rem 0;border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden}.derivation .deriv-title{background:var(--c-surface-2);padding:.55rem 1rem;font-weight:700;font-family:var(--font-deva-serif)}.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-weight:600;font-size:1.05rem}.derivation .step-rule{font-size:.85rem;color:var(--c-text-soft)}.derivation .step-rule a{color:var(--c-primary)}.vocab-table{width:100%;border-collapse:collapse;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);padding:1rem 1.2rem;margin:1.2rem 0}.drill .drill-q{font-weight:600;margin-bottom:.7rem}.drill .drill-q .sa{font-family:var(--font-deva-serif);font-size:1.12rem}.drill .options{display:flex;flex-direction:column;gap:.45rem}.drill .options button,.drill .word-bank button{text-align:left;border:1px solid var(--c-border);background:var(--c-bg);border-radius:8px;padding:.5rem .85rem;font-size:1rem;cursor:pointer;font-family:var(--font-deva-serif)}.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{display:flex;flex-wrap:wrap;gap:.45rem}.drill .word-bank button.used{opacity:.35;pointer-events:none}.drill .answer-line{min-height:2.4rem;border-bottom:2px solid var(--c-border);margin:.6rem 0;font-family:var(--font-deva-serif);font-size:1.15rem;padding:.3rem .2rem}.drill input[type=text]{border:1px solid var(--c-border);border-radius:8px;padding:.45rem .7rem;font-size:1.05rem;font-family:var(--font-deva-serif);background:var(--c-bg);color:var(--c-text);width:100%;max-width:22rem}.drill .drill-controls{margin-top:.7rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.drill .feedback{font-weight:600}.drill .feedback.ok{color:var(--c-success)}.drill .feedback.no{color:var(--c-error)}.drill .explain{margin-top:.5rem;font-size:.9rem;color:var(--c-text-soft);border-top:1px dashed var(--c-border);padding-top:.5rem}.tool-panel{display:flex;flex-direction:column;gap:.8rem}.tool-row{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}.tool-row input,.tool-row select{border:1px solid var(--c-border);border-radius:8px;padding:.5rem .8rem;font-size:1.1rem;font-family:var(--font-deva-serif);background:var(--c-surface);color:var(--c-text)}.result-box{background:var(--c-surface-2);border-radius:var(--radius);padding:1rem 1.2rem;min-height:3rem}.result-box .big{font-family:var(--font-deva-serif);font-size:1.6rem;font-weight:700}.steps-list{list-style:none;padding:0;margin:.6rem 0 0}.steps-list li{padding:.4rem 0;border-top:1px dashed var(--c-border)}.steps-list .form{font-family:var(--font-deva-serif);font-weight:600;font-size:1.1rem}.steps-list .rule{font-size:.85rem;color:var(--c-text-soft)}.paradigm-table{border-collapse:collapse;width:100%;margin-top:1rem}.paradigm-table th,.paradigm-table td{border:1px solid var(--c-border);padding:.5rem .8rem;text-align:center}.paradigm-table td{font-family:var(--font-deva-serif);font-size:1.1rem}.paradigm-table th{background:var(--c-surface-2)}.sutra-list{list-style:none;padding:0}.sutra-list li{padding:.8rem .4rem;border-bottom:1px solid var(--c-border)}.sutra-list .s-text{font-family:var(--font-deva-serif);font-size:1.2rem;font-weight:700}.sutra-list .s-meta{font-size:.8rem;color:var(--c-text-soft)}.sutra-list .s-gloss{font-size:.92rem;margin-top:.2rem}.filter-bar{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.filter-bar select,.filter-bar input{border:1px solid var(--c-border);border-radius:8px;padding:.45rem .7rem;background:var(--c-surface);color:var(--c-text);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{font-size:1.2rem;margin-top:1rem;color:var(--c-text-soft)}.srs-buttons{display:flex;gap:.6rem;justify-content:center;margin-top:1.8rem;flex-wrap:wrap}.hero{text-align:center;padding:3rem 1rem 2.5rem}.hero h1{font-family:var(--font-deva-serif);font-size:clamp(2.2rem,6vw,3.4rem);color:var(--c-primary);margin:0}.hero .tagline{font-size:1.15rem;color:var(--c-text-soft);max-width:38rem;margin:.8rem auto}.hero .cta-row{display:flex;gap:.8rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}.path-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:.5rem;align-items:center;margin:2.5rem auto;max-width:46rem;font-size:.95rem}.path-diagram .stage{padding:1rem}.path-diagram .arrow{font-size:1.5rem;color:var(--c-text-soft)}.path-diagram .stage b{display:block;font-family:var(--font-deva-serif);font-size:1.15rem}footer.site-footer{border-top:1px solid var(--c-border);margin-top:3rem;padding:2rem 1.25rem;text-align:center;color:var(--c-text-soft);font-size:.88rem}@media(max-width:640px){.site-nav{font-size:.85rem}.path-diagram{grid-template-columns:1fr}.path-diagram .arrow{transform:rotate(90deg)}}
