*{box-sizing:border-box}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:#1e2523;
  background:#fafbfa;
  line-height:1.65;
}
.wrap{max-width:720px;margin:0 auto;padding:48px 24px 80px}
header{border-bottom:1px solid #e3e8e6;padding-bottom:20px;margin-bottom:32px}
header .brand{font-weight:700;font-size:1.05rem;color:#136a5a;text-decoration:none}
h1{font-size:1.7rem;letter-spacing:-.01em;margin:18px 0 4px}
.meta{color:#68766f;font-size:.9rem;margin:0}
h2{font-size:1.15rem;margin:32px 0 8px}
p,li{color:#2c3532}
a{color:#136a5a}
footer{margin-top:56px;padding-top:20px;border-top:1px solid #e3e8e6;color:#68766f;font-size:.85rem}
code.block{
  display:block;background:#eef2f0;border:1px solid #dbe2df;border-radius:8px;
  padding:14px 18px;font-size:1.3rem;letter-spacing:.04em;word-break:break-all;
  font-family:ui-monospace,Menlo,Consolas,monospace;
}
button{
  font:inherit;padding:10px 22px;border-radius:8px;border:none;cursor:pointer;
  background:#136a5a;color:#fff;font-weight:600;margin-top:14px;
}
button:hover{background:#0f5748}
.note{background:#eef2f0;border-radius:8px;padding:12px 16px;font-size:.92rem}