@font-face{font-family:Hindi;src:url('/devanagari.ttf');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffcf6;color:#243e39;font:16px/1.7 system-ui,sans-serif}a{color:inherit}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ad4e16;outline-offset:4px}.hi,[lang=hi]{font-family:Hindi,system-ui,sans-serif}.wrap{max-width:1140px;margin:auto;padding:0 24px}.skip{position:absolute;top:-100px}.skip:focus{top:8px;background:white;z-index:10}header{border-bottom:1px solid #e6e8d9;background:#fffcf6}header .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;padding-bottom:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;line-height:1.3}.logo{background:#245c4b;color:white;border-radius:14px;padding:8px 13px;font:28px Hindi}.brand small{display:block;font-weight:450;font-size:11px;letter-spacing:.08em;margin-top:4px;text-transform:uppercase}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{text-decoration:none;font-size:14px;font-weight:600}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#536e58;font-weight:700}.hero{padding:65px 0 48px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}h1{font-size:clamp(36px,5vw,63px);line-height:1.12;letter-spacing:-.045em;margin:14px 0 22px}h1 .hi{font-size:.82em;line-height:1.6;letter-spacing:0;display:block;color:#ad4e16}h2{font-size:clamp(25px,3vw,34px);letter-spacing:-.03em;line-height:1.25}h3{line-height:1.4}.lead{font-size:18px;color:#56675e;max-width:620px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:13px 22px;border:1px solid #245c4b;border-radius:9px;background:#245c4b;color:white;text-decoration:none;font-weight:650;line-height:1.4}.button.secondary{background:transparent;color:#245c4b}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.small{font-size:13px;color:#647168}.art{background:#f0f2dd;border-radius:30px;padding:30px;position:relative;overflow:hidden}.art .letters{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(-4deg);margin:20px 0}.art .letters span{display:grid;place-items:center;height:110px;border-radius:18px;background:#fffdf7;font:64px Hindi;box-shadow:0 5px 0 #dce4cb}.art .letters span:nth-child(2){background:#ffd7ae;color:#8b3d15}.art .letters span:nth-child(3){background:#cfe7d5}.art .caption{display:flex;justify-content:space-between;gap:15px;font-size:12px;font-weight:650;margin-top:35px}.pill{display:inline-block;font-size:12px;padding:5px 10px;background:white;border-radius:20px}.section{padding:36px 0 54px;border-top:1px solid #e6e8d9}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.section-head h2{margin:8px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid #e5e8de;border-radius:18px;padding:24px;text-decoration:none;display:block}.card .icon{font:42px Hindi;color:#ad4e16}.card h3{margin:12px 0 5px}.card p{font-size:14px;color:#647168}.card:hover{border-color:#245c4b}.note{padding:16px 20px;background:#f0f2dd;border-radius:12px;font-size:14px}.pagehead{padding:45px 0 25px;max-width:780px}.pagehead h1{font-size:43px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.tabs a{padding:9px 17px;border:1px solid #cfd7c9;border-radius:30px;text-decoration:none;font-weight:600}.tabs a[aria-current]{background:#245c4b;color:white}.lettergrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:22px 0}.letter{border:1px solid #e2e6d9;background:white;border-radius:15px;padding:14px 6px;display:flex;flex-direction:column;align-items:center;min-height:145px;color:#243e39}.letter .glyph{font:44px/1.8 Hindi}.letter .word{font:15px/1.8 Hindi}.letter .english{font-size:10px;color:#65756a;text-align:center}.letter:hover{background:#f0f2dd}.letter.selected{border:2px solid #ad4e16;background:#fff3df}.soundcontrols{display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-size:14px}.soundcontrols select{max-width:100%;padding:8px;background:white;border:1px solid #cfd7c9;border-radius:7px}.status{min-height:28px;font-size:14px;color:#7c451f}.prose{max-width:780px;padding-bottom:55px}.prose h2{margin-top:32px;font-size:26px}.prose li{margin-bottom:8px}.bargrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.syllable{font:36px/1.8 Hindi;border:1px solid #dbe1d4;background:white;border-radius:12px;padding:14px;text-align:center}.syllable small{display:block;font:13px system-ui;color:#65756a}.numbergrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.number{background:white;border:1px solid #e2e6d9;border-radius:12px;text-align:center;padding:12px}.number strong{display:block;font:35px/1.8 Hindi}.number .word{font:18px Hindi}.worksheet-control{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:25px 0}.worksheet-control select{padding:10px;max-width:100%}.paper{background:white;border:1px solid #d9ddcf;max-width:780px;margin:20px auto;padding:32px}.paper h2{margin:0;font-size:26px}.paper .topline{display:flex;justify-content:space-between;gap:20px;font-size:13px;margin:18px 0 24px}.trace-row{display:flex;justify-content:space-around;align-items:center;border-top:1px dashed #c6cbbf;border-bottom:1px solid #d3d8cf;margin:25px 0;font:68px/1.7 Hindi}.trace-row span:not(:first-child){color:#b7bcb4}.trace-row.blank{height:108px}.paper .instruction{font-size:13px;color:#57675a}.practice-letter{font:64px Hindi;color:#ad4e16}.footer{border-top:1px solid #e5e8dd;padding:30px 0;font-size:13px;color:#647168}.footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer a{margin-left:15px}.appband{background:#245c4b;color:white;border-radius:22px;padding:35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.appband .button{background:#fff3dc;border:0;color:#245c4b}.appband p{color:#d9e6d9}.chiprow{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.chiprow span{background:#f0f2dd;border-radius:20px;padding:6px 12px;font-size:12px}.wide{padding-bottom:55px}@media(max-width:700px){.wrap{padding:0 20px}header .wrap{flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:12px}nav{gap:18px;font-size:12px}.hero{grid-template-columns:1fr;padding:35px 0;gap:25px}h1{font-size:40px}.hero .art{padding:22px}.art .letters span{height:88px;font-size:52px}.art .caption{margin-top:25px}.section-head{display:block}.cards{grid-template-columns:1fr}.section{padding-top:25px}.lettergrid{grid-template-columns:repeat(3,1fr);gap:9px}.letter{min-height:145px}.pagehead h1{font-size:34px}.bargrid{grid-template-columns:repeat(3,1fr)}.numbergrid{grid-template-columns:repeat(3,1fr)}.appband{display:block;padding:25px}.paper{padding:18px}.trace-row{font-size:46px}.paper .topline{display:block}.footer .wrap{display:block}.footer a{margin-left:0;margin-right:15px}.lead{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{header,.footer,.no-print,.pagehead,.worksheet-control,.status{display:none!important}body{background:white;color:black}.wrap{padding:0;max-width:none}.paper{border:0;padding:10mm;max-width:none;margin:0}.trace-row{font-size:68px;print-color-adjust:exact;-webkit-print-color-adjust:exact}.trace-row span:not(:first-child){color:#a6aba3!important}.paper .topline{display:flex}@page{size:A4;margin:10mm}}
@media print{.paper{padding:3mm}.paper h2{font-size:22px}.paper .topline{margin:12px 0 16px}.paper .practice-letter{font-size:52px;margin:14px 0}.trace-row{font-size:58px;line-height:1.55;margin:16px 0;break-inside:avoid}.trace-row.blank{height:75px}.paper .instruction{font-size:12px;line-height:1.5}.paper p{margin-top:10px;margin-bottom:12px}}
@media screen and (max-width:700px){.paper .topline span{display:block;margin-bottom:8px}}
/* App palette and round tiles from the Expo source, with web contrast/accessibility adjustments. */
body{background:#FFF8E1;color:#4E342E}.logo{padding:0;border-radius:12px;width:48px;height:48px;object-fit:cover;background:#E65100}header{background:#E65100;color:#fff;border:0;border-radius:0 0 18px 18px}header .wrap{gap:14px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}nav{gap:6px}nav a{background:#fff3e0;color:#863000;border-radius:12px;padding:7px 10px;font-size:12px}.eyebrow{color:#9b3a00}h1 .hi{color:#E65100}.lead,.small,.card p,.footer{color:#76584d}.button{background:#E65100;border-color:#E65100;border-radius:16px}.button.secondary{color:#a53a00;background:#fff;border-color:#F0D9B5}.card,.practice-card{border:3px solid #F0D9B5;border-radius:22px;background:#fff;padding:22px}.card:nth-child(5n+1),.letter:nth-child(5n+1){background:#FFF3E0}.card:nth-child(5n+2),.letter:nth-child(5n+2){background:#FCE4EC}.card:nth-child(5n+3),.letter:nth-child(5n+3){background:#E3F2FD}.card:nth-child(5n+4),.letter:nth-child(5n+4){background:#E8F5E9}.card:nth-child(5n+5),.letter:nth-child(5n+5){background:#EDE7F6}.card:hover{border-color:#E65100}.card .icon{color:#E65100;font-family:system-ui,Hindi,sans-serif}.app-art{display:grid;justify-items:center;gap:18px;background:#FFE0B2;border-radius:30px;padding:28px}.app-art img{border-radius:26px;max-width:100%;height:auto;box-shadow:0 8px 0 #F0D9B5}.letter{border:3px solid #F0D9B5;border-radius:18px;color:#4E342E}.letter .glyph{font-weight:800;line-height:1.4}.picture{font-size:28px;line-height:1.2;height:36px}.picture svg{width:36px;height:36px}.letter .english{font-size:11px}.note{background:#FFF3E0;border:2px solid #F0D9B5}.syllable,.number{border:3px solid #F0D9B5;border-radius:18px}.appband{background:#E65100}.appband p{color:#fff}.appband .button{color:#863000}.section,.footer{border-color:#F0D9B5}.letter.earned{border-color:#2E7D32;background:#E8F5E9}.letter.locked{background:#f1efeb}.star-label{font-size:12px;color:#76584d}.story{background:#fff;border:3px solid #F0D9B5;border-radius:20px;margin:14px 0;padding:16px}.story summary{cursor:pointer;list-style:none;font-size:22px;font-weight:700;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.story summary small{font:12px system-ui;background:#FFF3E0;border-radius:20px;padding:5px 10px}.story p{font-size:22px;line-height:2}.story-list{max-width:780px}.kpis{display:flex;gap:20px;margin:24px 0}.kpis div{background:#FFF3E0;border-radius:16px;padding:20px;flex:1;display:grid;text-align:center}.kpis strong{font-size:35px;color:#E65100}.kpis span{font-size:13px}.practice-card{max-width:780px;margin-bottom:35px}.practice-card input[type=number]{width:90px;padding:10px;border:2px solid #F0D9B5;border-radius:10px}.practice-card label{display:block;margin:12px 0}.trace-progress{display:flex!important;align-items:center;gap:15px}progress{accent-color:#E65100;max-width:55%}#trace-board{display:block;width:360px;max-width:100%;height:auto;touch-action:none;border:3px dashed #FFB74D;border-radius:22px;background:#FFF8E1}#trace-status{min-height:56px}.worksheet-control{margin-top:0}select{border:2px solid #F0D9B5;border-radius:10px;padding:8px;background:#fff;color:#4E342E}[hidden]{display:none!important}@media(max-width:700px){.hero{padding-top:28px;gap:22px}.app-art{padding:22px}.app-art img{width:180px}.hero h1{font-size:39px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{padding:15px}.card .icon{font-size:32px}.card h3{font-size:17px}.lettergrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.letter{padding:8px 2px;min-height:130px}.letter .glyph{font-size:32px}.letter .word{font-size:12px}.picture{font-size:24px}.wrap{padding:0 16px}.brand small{font-size:10px}nav{width:100%}nav a{font-size:11px;padding:6px 8px}.pagehead{padding-top:28px}.pagehead h1{font-size:32px}.practice-card{padding:15px}.story p{font-size:20px}.bargrid{gap:8px}.syllable{padding:10px;font-size:30px}}@media print{.logo{display:none}.paper{color:#000}}

.jump{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.jump a{padding:8px 12px;border:1px solid #e6d0bb;border-radius:12px}.chartgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:12px;margin:24px 0}.charttile{background:#fff2de;border-radius:18px;padding:15px 10px;text-align:center;display:flex;flex-direction:column}.charttile strong{font-size:36px;color:#8b3d10}.charttile span{font-size:18px}.table-scroll{max-width:100%;overflow:auto;border:1px solid #e6d0bb;border-radius:14px;margin:24px 0}.bar-table{border-collapse:collapse;width:100%;min-width:740px;font-size:22px}.bar-table th,.bar-table td{padding:10px;text-align:center;border:1px solid #e6d0bb}.bar-table th{background:#fff2de}.bar-table caption{font:15px system-ui;padding:12px}.practice-preview{background:white;border:1px solid #e6d0bb;border-radius:18px;padding:24px}.cards h2{font-size:24px}.breadcrumbs{font-size:13px;margin:22px 0}.numbergrid .number{display:flex;flex-direction:column}.numbergrid{margin-bottom:36px}.actions a{max-width:100%}@media print{.breadcrumbs,main>.section,main>.section-head,main>aside{display:none!important}body,main.wrap{background:white!important}.paper{border:0!important;margin:0!important;padding:0!important}main.wrap{padding:0!important}}@media(max-width:480px){.chartgrid{grid-template-columns:repeat(3,1fr)}h1{overflow-wrap:break-word}h1 .hi{font-size:.68em}.practice-preview{padding:16px}}