:root{--ink:#15181F;--body:#333A47;--mute:#667085;--rule:#E4E7EC;--paper:#fff;--bg:#F7F9FC;--blue:#3FA9E0;--deep:#2B6CB0}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--body);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Bengali",Helvetica,Arial,sans-serif}
header{background:var(--paper);border-bottom:1px solid var(--rule)}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}
header .wrap{display:flex;align-items:center;gap:12px;padding:18px 24px}
header img{height:30px;width:auto}
header .nm{font-weight:700;color:var(--ink);font-size:17px;letter-spacing:-.01em}
header nav{margin-left:auto;display:flex;gap:20px}
header nav a{color:var(--mute);text-decoration:none;font-size:14px}
header nav a:hover{color:var(--deep)}
main{background:var(--paper);border:1px solid var(--rule);border-radius:8px;margin:32px auto;max-width:820px;padding:40px}
h1{font-size:30px;line-height:1.2;color:var(--ink);margin:0 0 6px;letter-spacing:-.02em}
.upd{color:var(--mute);font-size:13.5px;margin:0 0 26px}
h2{font-size:19px;color:var(--ink);margin:32px 0 10px;letter-spacing:-.01em}
h3{font-size:16px;color:var(--ink);margin:22px 0 8px}
p,li{max-width:68ch}
a{color:var(--deep)}
ul{padding-left:22px}
li{margin:6px 0}
table{border-collapse:collapse;width:100%;margin:14px 0;font-size:14.5px}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
th{background:var(--bg);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}
.draft{background:#FFF7E6;border:1px solid #F0D9A8;border-radius:6px;padding:14px 16px;margin:0 0 28px;font-size:14.5px;color:#7A5B12}
.draft strong{color:#5C4409}
code{background:var(--bg);padding:2px 6px;border-radius:4px;font-size:.9em}
footer{max-width:820px;margin:0 auto 60px;padding:0 24px;color:var(--mute);font-size:13.5px}
footer a{color:var(--mute)}
@media(max-width:640px){main{padding:26px 20px;margin:18px 12px;border-radius:6px}h1{font-size:25px}}