:root{--ink:#1a2b1f;--text:#1c2b20;--muted:#5f7062;--paddy:#4f9d5f;--paddy-deep:#357a45;--tint:#f3faf2;--turmeric:#d9740f;--line:#dfeadd;--paper:#fff;--focus:#1f6fb2}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--text);font:16px/1.65 "IBM Plex Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:760px;margin:0 auto;padding-inline:16px}
a{color:var(--paddy-deep)}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.bar{position:sticky;top:0;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.bar-in{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{font:800 22px "Bricolage Grotesque",system-ui,sans-serif;color:var(--ink);text-decoration:none}
.brand span{color:var(--turmeric)}
.lang{font:600 14px inherit;font-family:"Noto Sans Tamil","IBM Plex Sans",sans-serif;border:1px solid var(--line);background:var(--tint);color:var(--ink);border-radius:999px;padding:8px 16px;cursor:pointer;min-height:40px}
.doc{padding-block:32px 48px}
h1{font:800 clamp(28px,6vw,40px)/1.15 "Bricolage Grotesque",system-ui,sans-serif;color:var(--ink);margin:0 0 6px}
h2{font:700 20px/1.3 "Bricolage Grotesque",system-ui,sans-serif;color:var(--ink);margin:32px 0 8px}
p,ul,ol{margin:0 0 12px}
ul,ol{padding-left:22px}
li{margin-bottom:6px}
.meta{color:var(--muted);font-size:14px}
.steps{background:var(--tint);border:1px solid var(--line);border-radius:12px;padding:16px 16px 10px 38px}
.note{margin-top:32px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted)}
.foot{border-top:1px solid var(--line);padding:20px 0;font-size:14px;color:var(--muted)}
[lang="ta"],[lang="ta"] h1,[lang="ta"] h2{font-family:"Noto Sans Tamil",system-ui,sans-serif;letter-spacing:0}
[lang="ta"]{line-height:1.8}
.lang-ta{display:none}
:root[data-lang="ta"] .lang-ta{display:block}
:root[data-lang="ta"] .lang-en{display:none}
.lang .lang-en,.lang .lang-ta{display:inline}
:root[data-lang="ta"] .lang .lang-en{display:none}
:root:not([data-lang="ta"]) .lang .lang-ta{display:none}