:root{--bg:#FFF4D9;--bg2:#FFFAEC;--ink:#12303B;--ink2:#4B5E62;--card:#FFFDF6;--line:#EBDDB9;--teal:#0B7A75;--teal-d:#064F4B;--on-teal:#fff;--gold:#F2B84B;--gold-d:#C98A1C;--on-gold:#3A2600;--coral:#D9536A;--coral-l:#FDEBEE;--green:#1C7C4B;--green-l:#E7F6EC;--glass:rgba(255,252,243,.85);--f:'Baloo Bhaijaan 2','Segoe UI',Tahoma,sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#06201E;--bg2:#0A2B28;--ink:#F2FBF9;--ink2:#9FC4BE;--card:#0D3431;--line:#1B514C;--teal:#5FD3CB;--teal-d:#1E8C85;--on-teal:#04211F;--coral:#F28C9C;--coral-l:#3A1F27;--green:#6FD39A;--green-l:#11382B;--glass:rgba(10,43,40,.85);color-scheme:dark}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:18px;font-weight:600;line-height:1.75}
.w{max-width:960px;margin-inline:auto;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{line-height:1.25;font-weight:800;text-wrap:balance;margin:1.2em 0 .4em}
h1{font-size:clamp(1.8rem,5vw,2.6rem);margin-top:.4em}
h2{font-size:clamp(1.3rem,3.4vw,1.7rem)}
p{margin:.5em 0}
a{color:var(--teal)}
img{max-width:100%;height:auto}
.en{unicode-bidi:isolate;direction:ltr;display:inline-block}
p .en,li .en,td .en{display:inline}
.en.big,.big.en{display:block}
.skip{position:absolute;inset-inline-start:-999px}.skip:focus{inset-inline-start:8px;top:8px;background:var(--gold);color:var(--on-gold);padding:6px 12px;border-radius:8px;z-index:99}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.top{position:sticky;top:0;z-index:20;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:6px 14px;flex-wrap:wrap;padding-block:8px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:1.25rem}
.brand img{border-radius:11px}
.top nav{display:flex;gap:2px 16px;flex-wrap:wrap;align-items:center;font-size:1rem}
.top nav a{color:var(--ink);text-decoration:none}.top nav a:hover{color:var(--teal)}
.top nav .cta,.btn{background:var(--gold);color:var(--on-gold)!important;padding:6px 16px;border-radius:999px;font-weight:800;text-decoration:none;display:inline-block}
.btn.alt{background:var(--card);border:2px solid var(--teal);color:var(--teal)!important}
.crumbs{font-size:.9rem;color:var(--ink2);margin-top:14px}.crumbs a{color:var(--ink2)}
.kicker{color:var(--teal);font-weight:800;font-size:.95rem;margin:0}
.lead{color:var(--ink2);font-size:1.1rem;max-width:42em}
.lv{display:inline-block;padding:0 10px;border-radius:999px;background:var(--teal);color:var(--on-teal);font-size:.8rem;font-weight:800;letter-spacing:.04em;line-height:1.7}
.lv-b1,.lv-b2{background:var(--gold);color:var(--on-gold)}
.meaning{background:var(--card);border:2px solid var(--line);border-radius:20px;padding:16px 20px;margin:14px 0}
.meaning .big{font-size:2rem;font-weight:800;color:var(--teal)}
.meaning ul{margin:6px 0;padding-inline-start:1.2em;font-size:1.25rem}
.say{border:0;background:var(--bg2);border-radius:999px;cursor:pointer;font-size:1rem;padding:0 8px;vertical-align:middle}
.say:hover{background:var(--gold)}
.pairs{list-style:none;padding:0;margin:8px 0;display:grid;gap:10px}
.pairs li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px}
.pairs .e{font-weight:800;margin:0;display:block;text-align:left}.pairs .a{margin:0;color:var(--ink2)}
.dlg{display:grid;gap:8px}.dlg .ln{border-radius:14px;padding:8px 14px;max-width:88%}
.dlg .ln.a{background:var(--card);border:1px solid var(--line)}.dlg .ln.b{background:var(--green-l);margin-inline-start:auto}
.dlg .e{margin:0;font-weight:800;display:block;text-align:left}.dlg .a{margin:0;color:var(--ink2)}
.mis{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin:10px 0}
.mis p{margin:2px 0;display:flex;gap:10px;align-items:baseline}
.mis .bad{color:var(--coral)}.mis .bad .en{text-decoration:line-through;text-decoration-thickness:2px}.mis .good{color:var(--green)}.mis .note{display:block;color:var(--ink2)}
.tw{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse;background:var(--card);border-radius:14px;overflow:hidden}
.tbl th,.tbl td{padding:8px 12px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.tbl th{background:var(--teal);color:var(--on-teal)}
.tbl td.en{text-align:left}
.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chips li{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:2px 14px}.chips small{color:var(--ink2)}
.az{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.az a{min-width:38px;text-align:center;padding:2px 10px;border-radius:10px;background:var(--card);border:1px solid var(--line);text-decoration:none;font-weight:800;direction:ltr}
.az a.on,.az a:hover{background:var(--gold);color:var(--on-gold)}.az.big a{font-size:1.2rem;padding:4px 14px}
.search{margin:16px 0}.search label{font-weight:800;display:block}
.search input{width:100%;font:inherit;padding:12px 16px;border-radius:14px;border:2px solid var(--line);background:var(--card);color:var(--ink);margin-top:6px}
.res{list-style:none;padding:0;margin:6px 0}.res li a{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.lvgrid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.lvgrid.big{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.lvgrid a{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:var(--card);border:2px solid var(--line);border-radius:18px;padding:14px;text-decoration:none;color:var(--ink);height:100%}
.lvgrid a:hover{border-color:var(--teal)}.lvgrid span{color:var(--ink2);font-size:.95rem}
.unit h2 small{font-weight:600}
.lessons{padding-inline-start:1.2em}.lessons li{margin:4px 0}
.cta-box{display:flex;gap:18px;align-items:center;background:var(--teal);color:var(--on-teal);border-radius:24px;padding:18px 22px;margin:34px 0}
.cta-box h2{margin:0 0 4px;color:var(--on-teal)}.cta-box p{margin:0 0 10px}.cta-box .btn{background:var(--gold)}
.pnav{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:20px 0}.pn{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 14px;text-decoration:none}
.legal h2{margin-top:1.4em}.legal .two{display:flex;gap:20px;align-items:center}.legal .steps{padding-inline-start:1.3em}
.foot{margin-top:50px;background:var(--bg2);border-top:1px solid var(--line);padding-block:26px}
.foot .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px}
.foot h2{font-size:1rem;margin:0 0 6px}.foot a:not(.brand){display:block;text-decoration:none;color:var(--ink2)}.foot a:hover{color:var(--teal)}
.copy{color:var(--ink2);font-size:.9rem;margin-top:18px}
@media (max-width:560px){.cta-box{flex-direction:column;text-align:center}.legal .two{flex-direction:column}body{font-size:17px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.nf{text-align:center;padding-block:60px}