:root{--ink:#17201f;--muted:#5a6b68;--accent:#0b6e6e;--rule:#d9e2df}
html{background:#fbfaf7}
body{margin:0 auto;max-width:46em;padding:56px 40px 120px;font:16px/1.62 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;color:var(--ink);background:#fbfaf7}
h1{font-size:1.9rem;line-height:1.2;letter-spacing:-.01em;margin:0 0 .35em}
h2{font-size:1.22rem;margin:2.2em 0 .5em;padding-bottom:.25em;border-bottom:1px solid var(--rule)}
h3{font-size:1.02rem;margin:1.6em 0 .3em;color:var(--accent)}
p,li{color:#222e2c}
blockquote{margin:1.2em 0;padding:.6em 1em;border-left:3px solid var(--accent);background:#f3f7f5;color:#2b3a37}
code{background:#eef2f0;padding:.08em .3em;border-radius:3px;font-size:.9em}
pre{background:#f1f4f2;padding:14px 16px;border-radius:6px;overflow-x:auto}
pre code{background:none;padding:0}
table{border-collapse:collapse;width:100%;margin:1.2em 0;font-size:.92rem}
th,td{border-bottom:1px solid var(--rule);padding:.45em .6em;text-align:left;vertical-align:top}
th{background:#f3f7f5;font-weight:600}
img{max-width:100%;height:auto;display:block;margin:1.4em auto;border-radius:4px}
figcaption,figcaption{color:var(--muted);font-size:.86em}
hr{border:0;border-top:1px solid var(--rule);margin:2.4em 0}
a{color:var(--accent)}
.title{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:1.4em}