/* What the designer's site.css leaves out of .prose, with its tokens: lists, sub-headings, code, tables, quotes; and the index's post list. */
.prose h3{margin:36px 0 10px;font:500 clamp(20px,1.6vw,24px)/1.2 var(--display);letter-spacing:-.025em;scroll-margin-top:calc(var(--header-h) + 24px)}
.prose ul,.prose ol{margin:0 0 18px;padding-left:26px;color:var(--ink-2);font-size:18px;line-height:1.7}
.prose li{margin:0 0 8px}
.prose li>p{margin:0}
.prose strong{color:var(--ink);font-weight:600}
.prose code{font:14px/1.5 var(--mono);background:var(--paper-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;overflow-wrap:anywhere}
.prose pre{margin:0 0 20px;padding:16px 18px;background:var(--night);color:var(--night-text);border-radius:14px;overflow-x:auto;font:14px/1.6 var(--mono)}
.prose pre code{background:none;border:0;padding:0;color:inherit;font:inherit}
.prose table{width:100%;margin:0 0 20px;border-collapse:collapse;font-size:16px;line-height:1.5}
.prose th,.prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--ink-2)}
.prose th{font:500 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.prose blockquote{margin:0 0 20px;padding:4px 0 4px 18px;border-left:2px solid var(--ember);color:var(--muted)}
.prose .post-lead{font-size:20px;color:var(--ink)}
.prose a{color:var(--ember-2);text-decoration:underline;text-underline-offset:3px}
.post-list{list-style:none;margin:0;padding:0;display:grid;gap:clamp(20px,3vw,32px);max-width:760px}
.post-card{padding:clamp(22px,3vw,32px);background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}
.post-card h2{margin:8px 0 10px;font:500 clamp(22px,2vw,30px)/1.15 var(--display);letter-spacing:-.03em}
.post-card h2 a{color:var(--ink);text-decoration:none}
.post-card h2 a:hover{color:var(--ember)}
.post-card p{margin:0 0 14px;color:var(--ink-2);font-size:17px;line-height:1.6}
.post-more{font:500 14px/1 var(--mono);letter-spacing:.04em;color:var(--ember-2);text-decoration:none}
@media (max-width:1023px){.prose pre{border-radius:10px}}
.more-title{margin:0 0 20px;font:500 clamp(22px,2vw,30px)/1.15 var(--display);letter-spacing:-.03em}
.more-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:none}
.post-card h3{margin:0;font:500 19px/1.3 var(--display);letter-spacing:-.02em}
.post-card h3 a{color:var(--ink);text-decoration:none}
.post-card h3 a:hover{color:var(--ember)}
