/* Public author and permanent story links share the existing blog palette. */
.blog-gate-intro{font-size:12px;line-height:1.6;color:#bbb3bf;margin:14px auto;max-width:32em}
.post-permalink{margin:16px 0 0;text-align:right;font-size:12px}
.post-permalink a,.post-blog-back{color:var(--accent);text-decoration:none}
.post-permalink a:hover,.post-blog-back:hover{text-decoration:underline}
.nc-post>.post-permalink{padding:0 28px 22px;margin:0}
.post-detail-title{font-family:'Playfair Display',serif;line-height:1.15;font-size:clamp(25px,4vw,38px)}
.nc-cover-title.post-detail-title{font-size:clamp(34px,6vw,64px)}

/* A single heading and the signature keep the blog introduction quiet. */
.blog-nav .blog-brand{font-size:24px;letter-spacing:-.6px;white-space:nowrap}
.blog-hero{padding:48px 0 38px}
.blog-hero h1{font-size:clamp(36px,5.6vw,66px);line-height:1.12;letter-spacing:-.04em;margin:0 0 16px;text-wrap:balance}
.blog-tagline{font-size:clamp(15px,1.7vw,20px)}
@media(max-width:720px){.blog-hero{padding:34px 0 28px}.blog-hero h1{font-size:clamp(32px,6.6vw,44px)}}
@media(max-width:520px){.blog-nav{gap:6px}.blog-nav .blog-brand{font-size:18px;letter-spacing:-.5px}.blog-nav :is(.fan-entry-nav,.blog-home){font-size:10px;padding:0 8px;min-height:40px}}