:root{color-scheme:light;--bg:#F7F8FA;--surface:#FFFFFF;--text:#111827;--muted:#4B5563;--link:#1F4FD1;--primary:#1F4FD1;--on-primary:#FFFFFF;--focus:#1F4FD1;--accent:#0F766E;--border:#CED0D4;--font-body:"Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Devanagari", "Nirmala UI", sans-serif;--font-display:"Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Noto Sans Devanagari", "Nirmala UI", sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.6 var(--font-body);overflow-wrap:break-word}
html[lang="hi"] body{line-height:1.8}
img,svg{max-width:100%}
a{color:var(--link);text-underline-offset:.18em}
a:focus-visible,.btn:focus-visible,main:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
main:focus{outline:none}
.skip{position:absolute;inset-inline-start:-9999px;top:0;z-index:10;padding:.75rem 1rem;background:var(--primary);color:var(--on-primary)}
.skip:focus{inset-inline-start:0}
.wrap{width:100%;max-width:60rem;margin:0 auto;padding:0 1rem}
.site-header{background:var(--surface);border-bottom:4px solid var(--accent)}
.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;padding-top:.5rem;padding-bottom:.5rem}
.brand{display:flex;align-items:center;gap:.625rem;min-height:2.75rem;color:var(--text);text-decoration:none;font:700 1.125rem/1.25 var(--font-display)}
.brand img{display:block;height:2.5rem;width:auto;max-width:9rem}
.nav ul,.lang ul,.site-footer ul{display:flex;flex-wrap:wrap;gap:0 .25rem;margin:0;padding:0;list-style:none}
.nav ul,.site-footer ul{margin-inline-start:-.5rem}
.nav a,.lang a,.lang span,.site-footer a{display:inline-block;padding:.625rem .5rem;min-height:2.75rem;line-height:1.5}
.nav a[aria-current="page"]{font-weight:700;text-decoration:none;border-bottom:3px solid var(--link)}
.lang{margin-inline-start:auto}
.lang span{font-weight:700;color:var(--text)}
main{display:block;padding:1.5rem 0 3rem}
h1{margin:0 0 .75rem;font:700 1.75rem/1.25 var(--font-display)}
h2{margin:2rem 0 .5rem;font:700 1.375rem/1.3 var(--font-display)}
h3{margin:1.5rem 0 .5rem;font:700 1.125rem/1.35 var(--font-display)}
h4,h5,h6{margin:1.25rem 0 .5rem;font:700 1rem/1.4 var(--font-display)}
p,ul,ol,dl{margin:0 0 1rem}
.lead{font-size:1.125rem;color:var(--muted)}
.meta{color:var(--muted);font-size:.9375rem}
.card{margin:1.5rem 0;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:.75rem}
.card>:first-child{margin-top:0}
.card>:last-child{margin-bottom:0}
.btn{display:inline-block;min-height:2.75rem;padding:.625rem 1.25rem;border:2px solid transparent;border-radius:.5rem;background:var(--primary);color:var(--on-primary);font-weight:700;text-align:center;text-decoration:none}
.btn.secondary{background:var(--surface);color:var(--link);border-color:var(--link)}
.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 1rem}
.features{display:grid;gap:.75rem;margin:0 0 1rem;padding:0;list-style:none}
.features li{padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem}
.download{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem}
.download>div{flex:1 1 16rem}
.qr{flex:0 0 auto;margin:0;text-align:center}
.qr svg{display:block;width:10rem;height:10rem;margin:0 auto .5rem}
.qr figcaption{max-width:10rem;color:var(--muted);font-size:.875rem}
.prose{max-width:44rem}
.prose ul,.prose ol{padding-inline-start:1.5rem}
.prose li{margin:.25rem 0}
.notice{margin:1rem 0;padding:.75rem 1rem;background:var(--surface);border-inline-start:4px solid var(--accent)}
.details{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.details a{display:inline-block;min-height:1.5rem}
.details dt{font-weight:700}
.details dd{margin:0 0 .75rem}
.steps{padding-inline-start:1.5rem}
.steps>li{margin:0 0 1rem;padding-inline-start:.25rem}
.steps>li::marker{font-weight:700}
.versions{padding-inline-start:1.25rem}
code{font-family:ui-monospace,Consolas,monospace;font-size:.9em;overflow-wrap:anywhere}
.site-footer{padding:1.5rem 0;background:var(--surface);border-top:1px solid var(--border);color:var(--muted);font-size:.9375rem}
.site-footer p{margin:0 0 .5rem}
@media (min-width:40rem){
h1{font-size:2.25rem}
.features{grid-template-columns:repeat(2,minmax(0,1fr))}
.details{grid-template-columns:max-content minmax(0,1fr);gap:0 1.5rem}
}
@media (max-width:39.99rem){.qr{display:none}}
@media print{.skip,.nav,.lang,.actions,.qr{display:none}a{color:inherit}}