:root{--ink:#1e293b;--muted:#64748b;--line:#e2e8f0;--accent:#4338ca}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--ink);
     background:#f8fafc;line-height:1.65;font-size:16px}
.wrap{max-width:900px;margin:0 auto;padding:0 22px}
a{color:var(--accent)}
code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.86em;background:#f1f5f9;
     border-radius:5px;padding:1px 5px}
pre code{display:block;padding:14px;overflow-x:auto}
/* header on rendered pages */
header{background:linear-gradient(135deg,#1e1b4b,#4338ca);color:#e0e7ff;padding:30px 0 26px}
header h1{color:#fff;font-size:1.35rem;margin:6px 0 2px}
header .back{color:#c7d2fe;text-decoration:none;font-size:.84rem}
header .src{font-size:.76rem;color:#a5b4fc;font-family:ui-monospace,Menlo,monospace}
main.md{background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:-14px;
       position:relative;padding:30px 34px 20px;box-shadow:0 1px 3px rgba(15,23,42,.06)}
.md h1{font-size:1.45rem;border-bottom:2px solid var(--line);padding-bottom:10px;margin:26px 0 14px}
.md h1:first-child{margin-top:0}
.md h2{font-size:1.15rem;margin:26px 0 10px;color:#312e81}
.md h3{font-size:1rem;margin:20px 0 8px}
.md blockquote{border-left:4px solid #a5b4fc;background:#eef2ff;border-radius:0 10px 10px 0;
              padding:10px 16px;margin:12px 0;color:#3730a3}
.md blockquote p{margin:0}
.md table{width:100%;border-collapse:collapse;font-size:.85rem;margin:12px 0}
.md th{text-align:left;background:#f8fafc;font-size:.72rem;text-transform:uppercase;
      letter-spacing:.04em;color:var(--muted);padding:8px 11px;border-bottom:2px solid var(--line)}
.md td{padding:9px 11px;border-bottom:1px solid var(--line);vertical-align:top}
.md ul,.md ol{padding-left:24px;margin:8px 0}
.md li{margin:4px 0}
.md hr{border:none;border-top:1px solid var(--line);margin:24px 0}
footer{padding:22px 0 40px;color:var(--muted);font-size:.8rem;text-align:center}
[dir="rtl"],.ar{unicode-bidi:isolate}