/* Blog-only integration with the existing fixed site header. */
.hdu-blog-template{--hdu-header-height:64px;background:#e3eef9}
.hdu-blog-template main.hdu-blog{padding-top:var(--hdu-header-height);--hdu-blog-anchor-offset:calc(var(--hdu-header-height) + 24px)}
.hdu-blog-skip{position:fixed;z-index:100;top:12px;left:20px;transform:translateY(-200%);padding:12px 18px;border-radius:8px;background:#fff;color:#31325d}
.hdu-blog-skip:focus{transform:none;outline:3px solid #31325d;outline-offset:4px}
.hdu-blog-template #site-header a:focus-visible,.hdu-blog-template #site-header button:focus-visible,.hdu-blog-template #site-header summary:focus-visible{outline:3px solid #fff;outline-offset:4px}
.hdu-blog-template #site-header>a,.hdu-blog-template #site-header>div>a.inline-flex{background:#7fba3f;color:#31325d;min-height:44px}
.hdu-blog .post-meta{font:400 13px/1.6 var(--font-sans,Inter,sans-serif);color:var(--muted);margin-top:18px;display:flex;flex-wrap:wrap;gap:8px 18px}
.hdu-blog .article-heading>.post-meta{justify-content:flex-start}
.hdu-blog .article-opening .post-meta{justify-content:flex-start}
.hdu-blog .image-placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:240px;font:400 32px/1.2 var(--font-brand,Ziravel,sans-serif);color:#31325d;background:#d3e3f2;text-align:center;padding:24px}
.hdu-blog .pagination{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.hdu-blog .pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid var(--control);border-radius:8px;text-decoration:none;color:var(--navy);font-family:var(--font-sans,Inter,sans-serif)}
.hdu-blog .pagination .current{background:var(--navy);color:#fff}
.hdu-blog .prose>:first-child:has(strong){margin-top:0}
.hdu-blog .prose table{display:table;max-width:100%}
.hdu-blog .prose pre{white-space:pre-wrap;overflow-wrap:anywhere}
.hdu-blog .comments-area{margin-top:40px}
.hdu-blog .comments-area input,.hdu-blog .comments-area textarea{max-width:100%;padding:12px;border:1px solid var(--control);background:#fff;border-radius:8px}
@media(min-width:640px){.hdu-blog-template{--hdu-header-height:72px}}
@media(min-width:768px){.hdu-blog-template{--hdu-header-height:80px}}
@media(min-width:1024px){.hdu-blog-template{--hdu-header-height:88px}}
@media(min-width:1280px){.hdu-blog-template{--hdu-header-height:100px}}
@media(min-width:1536px){.hdu-blog-template{--hdu-header-height:112px}}
.admin-bar.hdu-blog-template #site-header{top:32px}
.admin-bar.hdu-blog-template main.hdu-blog{--hdu-blog-anchor-offset:calc(var(--hdu-header-height) + 56px)}
@media(max-width:782px){.admin-bar.hdu-blog-template #site-header{top:46px}.admin-bar.hdu-blog-template main.hdu-blog{--hdu-blog-anchor-offset:calc(var(--hdu-header-height) + 70px)}}

@media(prefers-reduced-motion:reduce){html.scroll-smooth{scroll-behavior:auto}}