/* Blog post + list styles. Uses site tokens from /_astro/blog.*.css */
.post-hd{max-width:var(--max-text);margin:0 auto;padding-top:clamp(32px,6vw,88px)}
.post-hd h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2.25rem,1.4rem + 3.6vw,4.25rem);line-height:var(--lh-heading);letter-spacing:var(--tr-heading);margin:12px 0 20px;text-wrap:balance}
.post-meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;color:var(--ink);opacity:.82;font-size:var(--fs-small);margin:0}
.post-meta .tag{opacity:1}
.post-fig{max-width:1040px;margin:clamp(28px,4vw,48px) auto}
.post-fig img,.prose-post img{display:block;width:100%;height:auto;border-radius:16px;border:var(--b-hair);background:var(--surface)}
.post-fig[data-featured-slot="pending"]{position:relative}
.prose-post{max-width:68ch;margin:0 auto;font-size:clamp(1.0625rem,1rem + .25vw,1.1875rem);line-height:1.7}
.prose-post>*{margin:0 0 1.15em}
.prose-post h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);line-height:1.15;letter-spacing:var(--tr-heading);margin:1.9em 0 .55em}
.prose-post h3{font-size:1.25rem;font-weight:600;line-height:1.3;margin:1.6em 0 .5em}
.prose-post h4{font-size:1.0625rem;font-weight:600;margin:1.4em 0 .4em}
.prose-post ul,.prose-post ol{padding-left:1.3em}
.prose-post li{margin:.35em 0}
.prose-post a{color:var(--accent-text);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}
.prose-post a:hover{text-decoration-thickness:2px}
.prose-post blockquote{border-left:3px solid var(--ink);padding:.2em 0 .2em 1em;margin-left:0;font-style:italic}
.prose-post figure{margin:2em 0}
.prose-post table{width:100%;border-collapse:collapse;font-size:.95em;display:block;overflow-x:auto}
.prose-post th,.prose-post td{border:var(--b-hair);padding:8px 10px;text-align:left}
.post-tags{max-width:68ch;margin:32px auto 0;display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.related .wcard h3{font-size:22px;margin:12px 0 6px;line-height:1.2}
.wcard picture img,.related picture img{display:block;width:100%;aspect-ratio:1200/630;object-fit:cover;border-radius:12px;border:var(--b-hair)}
.pager{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:48px}
.pager a,.pager span{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:var(--b-hair);border-radius:var(--r-pill);text-decoration:none;color:var(--ink)}
.pager [aria-current]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.pager a:focus-visible,.prose-post a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.list-count{margin:0 0 24px}
