Blame for docs/blog.css

:root{--bg:#fbfaf7;--fg:#1f2328;--muted:#5b6370;--accent:#d9363e;--card:#fff;--line:#e6e2da;--code:#f4f1ea;--quote:#fff4e5}
@media (prefers-color-scheme:dark){:root{--bg:#15171b;--fg:#e8e6e3;--muted:#a3a9b3;--accent:#ff6b70;--card:#1d2026;--line:#2e333b;--code:#22262d;--quote:#2a2418}}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0 auto;max-width:860px;padding:48px 20px 96px;color:var(--fg);background:var(--bg);
 font:17px/1.7 "Source Sans 3","Segoe UI",system-ui,-apple-system,sans-serif}
header#title-block-header{text-align:center;margin-bottom:40px;padding-bottom:28px;border-bottom:1px solid var(--line)}
h1.title{font-size:2.3em;line-height:1.2;margin:.2em 0}
p.subtitle{color:var(--muted);font-size:1.15em;margin:0}
h1{font-size:1.9em;line-height:1.25;margin:1.4em 0 .5em}
h2{font-size:1.45em;margin:2.2em 0 .6em;padding-top:.6em;border-top:3px solid var(--accent);display:inline-block}
h3{font-size:1.15em;margin:1.8em 0 .4em}
a{color:var(--accent)}
hr{border:0;border-top:1px dashed var(--line);margin:3em 0}
img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--line);box-shadow:0 6px 24px rgba(0,0,0,.08);background:#fff}
img[align=right]{float:right;margin:0 0 16px 28px;max-width:42%}
figure{margin:28px 0;text-align:center}
figcaption{color:var(--muted);font-size:.92em;margin-top:8px;font-style:italic}
blockquote{margin:22px 0;padding:14px 20px;background:var(--quote);border-left:4px solid #f0a020;border-radius:6px}
blockquote p{margin:.3em 0}
code{background:var(--code);padding:.12em .4em;border-radius:4px;font-size:.88em}
pre{background:var(--code);padding:16px 18px;border-radius:10px;overflow-x:auto;line-height:1.5}
pre code{background:none;padding:0}
table{border-collapse:collapse;width:100%;margin:20px 0;font-size:.93em;background:var(--card);border-radius:8px;overflow:hidden;display:block;overflow-x:auto}
th,td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
thead th{background:var(--code)}
nav#TOC{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 22px;margin-bottom:36px}
nav#TOC ul{margin:.3em 0;padding-left:1.2em}
nav#TOC>ul>li{margin:.15em 0}
@media (max-width:640px){img[align=right]{float:none;display:block;margin:12px auto;max-width:80%}body{font-size:16px}}
nav#TOC h2{border:0;display:block;font-size:1.05em;margin:.2em 0 .4em;padding:0;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}