:root{
  --paper:#FBF7EE;--sand:#F2EDE3;--ink:#0A1628;--mute:#6B6256;--rule:#E4DCCB;
  --p50:#EDE7F7;--p100:#E0D6F2;--p200:#C9B8E8;--p500:#5B3CC4;--p700:#4326A0;
  --ok:#2F7A4D;--okbg:#E7F2EA;--mid:#A8761F;--midbg:#F8EFDC;--bad:#B23A2E;--badbg:#F9E8E4;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Tajawal',system-ui,sans-serif;background:var(--paper);color:var(--ink);line-height:2.05}
.bar{height:6px;background:var(--p500)}
.doc{max-width:1140px;margin:0 auto;padding:48px 28px 100px}
.kick{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;color:var(--p500);font-weight:700}
h1{font-size:clamp(24px,4.5vw,34px);font-weight:700;line-height:1.5;margin:10px 0 4px}
.sub{font-size:14px;color:var(--mute);margin-bottom:8px}
.meta{font-size:12px;color:var(--mute);border-bottom:1px solid var(--rule);padding-bottom:20px;margin-bottom:28px}
h2{font-size:19px;font-weight:700;color:var(--p700);margin:36px 0 10px;display:flex;align-items:center;gap:10px}
h2 .n{font-family:'JetBrains Mono',monospace;font-size:12px;background:var(--p50);border:1px solid var(--p200);border-radius:99px;padding:1px 12px;color:var(--p500);direction:ltr}
h3{font-size:15.5px;font-weight:700;margin:20px 0 4px}
p{font-size:15px;margin-bottom:10px;text-wrap:pretty}
ul,ol{padding-inline-start:22px;margin-bottom:12px}
li{font-size:15px;margin-bottom:6px}
.box{border-radius:14px;padding:16px 20px;margin:16px 0;font-size:14.5px}
.box.note{background:var(--sand);border:1px solid var(--rule)}
.box.warn{background:var(--badbg);border:1px solid rgba(178,58,46,.25)}
.box.ok{background:var(--okbg);border:1px solid rgba(47,122,77,.25)}
.box.p{background:var(--p50);border:1.5px solid var(--p200)}
.box .bt{display:block;font-size:12px;font-weight:700;margin-bottom:4px;letter-spacing:.04em}
.box.note .bt{color:var(--mid)}.box.warn .bt{color:var(--bad)}.box.ok .bt{color:var(--ok)}.box.p .bt{color:var(--p500)}
.todo{background:var(--midbg);color:var(--mid);border-radius:6px;padding:0 8px;font-size:13px;font-weight:700;white-space:nowrap}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px}
th{background:var(--sand);font-weight:700;text-align:start;padding:8px 12px;border:1px solid var(--rule);font-size:13px}
td{padding:8px 12px;border:1px solid var(--rule);vertical-align:top}
.foot{margin-top:48px;border-top:1px solid var(--rule);padding-top:16px;font-size:12px;color:var(--mute)}
.back{display:inline-block;margin-bottom:20px;font-size:13px;color:var(--p500);text-decoration:none;border:1px solid var(--p200);border-radius:999px;padding:3px 16px}
@media print{.bar,.back{display:none}body{background:#fff}.doc{padding:0}}
@media(max-width:560px){.doc{padding:32px 16px 80px}td,th{padding:6px 8px;font-size:13px}}

h1{font-weight:900}h2{font-weight:800}