/* Static publication pages share the current site's identity and navigation. */
.blog-page{--font-geist-sans:"Geist","Geist Fallback",Arial,sans-serif;--body:var(--font-geist-sans);--head:var(--font-geist-sans);--mono:var(--font-geist-sans);--nav-h:82px;font-family:var(--font-geist-sans)}
.blog-page .site-header{position:sticky;top:0;background:#02070ae0;border-bottom-color:#abdae821}
.blog-page .shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.blog-page .blog-hero,.blog-page .article-hero{padding:96px 0 80px}
.blog-page .eyebrow{display:block;width:auto;margin-bottom:18px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#f25a68;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.blog-page .article-meta,.blog-page .blog-card-meta{font-size:12px;letter-spacing:.06em}
.blog-page .blog-card-link,.blog-page .back-link{font-size:13px;font-weight:600;letter-spacing:.03em}
.blog-page .desktop-nav a,.blog-page .header-cta,.blog-page .site-footer a{text-decoration:none}
.blog-page .site-footer .footer-security-route a{text-decoration:underline;text-underline-offset:3px}
.blog-page .site-header a:focus-visible,.blog-page .site-footer a:focus-visible,.blog-mobile-menu summary:focus-visible,.blog-mobile-menu nav a:focus-visible{outline:2px solid #8fd1d0;outline-offset:4px}
.blog-mobile-menu{display:none;position:relative;margin-left:auto}
.blog-mobile-menu summary{display:grid;place-content:center;gap:6px;width:44px;height:44px;border:1px solid #b1c5cc4a;border-radius:4px;color:#f4f2ec;cursor:pointer;list-style:none}
.blog-mobile-menu summary::-webkit-details-marker{display:none}
.blog-mobile-menu summary span{display:block;width:20px;height:1px;background:currentColor;transition:transform .18s}
.blog-mobile-menu[open] summary span:first-child{transform:translateY(3.5px) rotate(45deg)}
.blog-mobile-menu[open] summary span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.blog-mobile-menu nav{position:absolute;right:0;top:54px;display:grid;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 92px);overflow-y:auto;padding:18px;background:#071015;border:1px solid #b1c5cc4a;box-shadow:0 16px 48px #0005}
.blog-mobile-menu nav>a:not(.button){display:block;padding:13px 10px;min-height:48px;border-bottom:1px solid #b1c5cc2e;color:#c3cdd0;text-decoration:none;font-size:15px}
.blog-mobile-menu nav>a.nav-current{color:#f4f2ec;box-shadow:inset 2px 0 0 #8fd1d0}
.blog-mobile-menu .button{margin-top:18px}
@media(max-width:1080px){.blog-mobile-menu{display:block}}
@media(max-width:760px){.blog-page{--nav-h:68px}.blog-page .shell{width:calc(100% - 32px)}.blog-page .blog-hero,.blog-page .article-hero{padding:56px 0 52px}}
@media(prefers-reduced-motion:reduce){.blog-mobile-menu summary span{transition:none}}