:root{--bg:#f5f7f3;--card:#fff;--ink:#17201a;--muted:#55635a;--line:#d8dfd4;--green:#2c6a3c;--green-soft:#e4efe5;--wheat:#b8851f;--warn-bg:#fff6df;--warn-line:#e3c26f}
@media (prefers-color-scheme:dark){:root{--bg:#121813;--card:#1a221c;--ink:#e8eee9;--muted:#9fb0a4;--line:#2c382f;--green:#7dc28d;--green-soft:#1f3225;--wheat:#e0b256;--warn-bg:#2b2412;--warn-line:#6b5720}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 "Mukta","Noto Sans Devanagari","Segoe UI",system-ui,sans-serif}
header.site{border-bottom:1px solid var(--line);background:var(--card)}
header.site div{max-width:760px;margin:0 auto;padding:14px 20px;display:flex;flex-wrap:wrap;gap:6px 22px;align-items:baseline}
header.site b{font-size:1.1rem;margin-right:auto;color:var(--green)}
header.site a{color:var(--muted);text-decoration:none;font-size:.95rem}
header.site a:hover,header.site a[aria-current]{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
main{max-width:760px;margin:0 auto;padding:32px 20px 64px}
h1{font-size:2rem;line-height:1.25;margin:0 0 6px}
h2{font-size:1.3rem;line-height:1.3;margin:2.2rem 0 .5rem;padding-top:.4rem;border-top:1px solid var(--line)}
p,li{max-width:70ch}
.meta{color:var(--muted);margin:0 0 20px;font-size:.95rem}
.box{background:var(--green-soft);border-left:4px solid var(--green);padding:14px 18px;border-radius:4px;margin:18px 0}
.box.warn{background:var(--warn-bg);border-left-color:var(--wheat);border:1px solid var(--warn-line);border-left-width:4px}
.box p{margin:.3rem 0}
a{color:var(--green)}
nav.toc ol{columns:2;column-gap:28px;padding-left:1.2rem;margin:.4rem 0}
nav.toc li{break-inside:avoid}
.tablewrap{overflow-x:auto;margin:12px 0}
table{border-collapse:collapse;width:100%;min-width:560px;font-size:.95rem;line-height:1.5}
th,td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}
th{background:var(--green-soft)}
dl.contact{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;margin:14px 0}
dl.contact dt{color:var(--muted)}dl.contact dd{margin:0}
.btn{display:inline-block;background:var(--green);color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:600}
@media (prefers-color-scheme:dark){.btn{color:#10200f}}
.btn:hover{filter:brightness(1.1)}
a:focus-visible,.btn:focus-visible{outline:3px solid var(--wheat);outline-offset:2px}
footer{max-width:760px;margin:0 auto;padding:0 20px 40px;color:var(--muted);font-size:.9rem}
@media (max-width:560px){nav.toc ol{columns:1}h1{font-size:1.65rem}dl.contact{grid-template-columns:1fr;gap:0}dl.contact dd{margin-bottom:10px}}
