/* The blog. Shared colours, fonts and buttons come from theme.css. */
.bhead{padding:72px 0 36px;background:radial-gradient(ellipse at 70% 0%,color-mix(in srgb,var(--blood) 45%,transparent),transparent 60%),var(--bg2);border-bottom:1px solid var(--line)}
.bhead h1{font-size:clamp(3rem,10vw,6rem);margin:10px 0 14px}
.lede{font-size:1.2rem;max-width:56ch}
.blist{padding-block:48px 72px;display:grid;gap:22px;max-width:760px}
.card{padding:22px 24px;background:var(--bg2);border-left:3px solid var(--blood)}
.card time,.post time{font-family:var(--label);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;color:var(--candle)}
.card h2{font-size:1.9rem;margin:6px 0 8px}
.card h2 a{color:var(--fg);text-decoration:none}.card h2 a:hover{color:var(--blood-hi)}
.card p{color:var(--dim);margin:0 0 12px;max-width:60ch}
.more{font-family:var(--label);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}
.post{max-width:720px;padding-block:40px 72px}
.back{font-family:var(--label);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;color:var(--dim);text-decoration:none}
.back:hover{color:var(--blood-hi)}
.post h1{font-size:clamp(2.4rem,7vw,4rem);margin:8px 0 24px}
.body h2{font-size:1.9rem;color:var(--blood-hi);margin:34px 0 10px}
.body h3{font-size:1.4rem;margin:26px 0 8px}
.body p,.body li{max-width:64ch}
.body ul,.body ol{padding-left:1.3em}
.body li{margin-bottom:.5em}
.body img{display:block;max-width:100%;height:auto;border:1px solid var(--line);margin:24px 0}
.body figure{margin:0}
.body blockquote{margin:24px 0;padding-left:20px;border-left:3px solid var(--blood);font-style:italic;font-size:1.2rem}
.body code{background:var(--bg2);padding:1px 6px}
.body hr{border:0;border-top:1px solid var(--line);margin:32px 0}
.pager{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:56px;padding-top:20px;border-top:1px solid var(--line)}