/* Blog-only styles. Loaded alongside styles.css by /blog pages only, so the
   homepage and project pages are untouched and need no cache-buster bump. */

.post-head{padding:3.4rem 0 1.2rem;background:linear-gradient(180deg,#f1f5f9 0%, #ffffff 70%)}
.post-head h1{font-size:clamp(1.9rem,3.6vw,2.6rem);letter-spacing:-.03em;margin:0 0 .6rem;color:var(--brand)}
.post-dek{color:var(--muted);font-size:1.02rem;max-width:62ch;margin:0}

.prose{max-width:68ch;color:var(--muted);font-size:1rem;line-height:1.75}
.prose h2{font-size:clamp(1.25rem,2.4vw,1.55rem);letter-spacing:-.02em;color:var(--brand);margin:2.4rem 0 .7rem}
.prose h3{font-size:1.05rem;color:var(--brand2);margin:1.8rem 0 .5rem}
.prose p{margin:0 0 1.1rem}
.prose a{color:var(--brand2);text-decoration:underline;text-underline-offset:2px}
.prose a:hover{color:var(--brand)}
.prose ul,.prose ol{margin:0 0 1.1rem;padding-left:1.2rem}
.prose li{margin:.4rem 0}
.prose strong{color:var(--text)}
.prose blockquote{margin:1.2rem 0;padding:.2rem 0 .2rem 1rem;border-left:3px solid var(--line);color:#334155;font-style:italic}
.prose code{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:.1rem .35rem;font-size:.9em}
.prose pre{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:1rem;overflow-x:auto}
.prose pre code{background:none;border:0;padding:0}
.prose hr{border:0;border-top:1px solid var(--line);margin:2rem 0}

/* index listing */
.post-list{display:grid;gap:1rem}
.post-list .card h2{font-size:1.1rem;margin:0 0 .4rem;color:var(--brand)}
.post-list .card h2 a{color:inherit;text-decoration:none}
.post-list .card h2 a:hover{color:var(--brand2);text-decoration:underline}
.post-list .card p{margin:0;color:var(--muted);font-size:.95rem}