body{font-family: Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;background:#0b0e12;color:#e6e6e6}
.wrap{max-width:1040px;margin:34px auto;padding:0 24px}
h1{font-size:30px;margin:0 0 6px;color:#7bdcff}
.meta{color:#9aa4ad;margin-bottom:26px}
h2{margin:26px 0 10px;color:#ffca85;font-size:22px}
p,li{line-height:1.6;color:#cfd7df}
.code{background:#1e1f26;border-radius:10px;padding:16px 18px;overflow:auto;
      box-shadow:0 0 0 1px rgba(255,255,255,0.05) inset;margin-bottom:16px}
pre{margin:0;font:14px/1.6 Consolas, 'Fira Code', Menlo, Monaco, 'Courier New', monospace;white-space:pre}
.k{color:#4aa5ff} .f{color:#b87fff} .s{color:#ff6b81} .n{color:#6ad4ff} .c{color:#8bc34a}
.note{background:#0f1320;border-left:4px solid #4aa5ff;padding:12px 14px;margin:10px 0;border-radius:6px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:22px 0}
.small{color:#9aa4ad;font-size:13px}