/* Prose — baseline typography for rich post content (core paragraph, heading,
   list, quote, image blocks). The theme's own arnout/* blocks style themselves
   entirely, so no base type scale existed for actual blog-post body copy
   until now. Scoped to .content, the wrapper single.html puts around
   wp:post-content. Always loaded (like reset/tokens/base) since any singular
   template can end up rendering core blocks. */
.content{font-size:17px;line-height:1.7;color:var(--ink)}
.content > * + *{margin-top:22px}
.content h2{font-family:var(--f-display);font-weight:700;font-size:clamp(22px,3.4vw,28px);line-height:1.28;letter-spacing:-0.01em;margin-top:40px}
.content h3{font-family:var(--f-display);font-weight:700;font-size:clamp(19px,2.8vw,22px);line-height:1.32;margin-top:32px}
.content p{color:var(--ink)}
.content ul,.content ol{padding-left:1.4em;display:flex;flex-direction:column;gap:10px}
.content ul{list-style:disc}
.content ol{list-style:decimal}
.content li{padding-left:0.2em}
.content a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:2px}
.content a:hover{color:var(--accent)}
.content blockquote{border-left:3px solid var(--accent);padding:4px 0 4px 22px;font-size:19px;font-style:italic;color:var(--ink)}
.content blockquote cite{display:block;margin-top:10px;font-size:13px;font-style:normal;color:var(--muted)}
.content figure{margin:0}
.content img{border-radius:var(--r-md);width:100%;height:auto}
.content figcaption{margin-top:10px;font-size:13px;color:var(--muted);text-align:center}
.content strong{font-weight:700}
.content code{font-family:var(--f-mono);font-size:0.92em;background:var(--blue);padding:2px 6px;border-radius:4px}