/* Shared site navigation/footer; journal-specific content keeps its readable layout. */
body.as-blog{display:block;padding-top:0;opacity:1;visibility:visible;background:#f7f9fc;color:var(--navy)}
.as-blog #blog-main{padding-top:0}
.as-blog .blog-hero{min-height:560px;padding:170px 0 100px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(5,22,43,.94),rgba(5,22,43,.72) 55%,rgba(5,22,43,.24)),var(--blog-photo) center/cover no-repeat;color:white;border:0}
.as-blog .blog-hero h1{color:#fff;text-shadow:0 4px 24px #071d3840;font-size:clamp(38px,5vw,68px);max-width:770px;letter-spacing:-.045em}
.as-blog .blog-hero p{color:rgba(255,255,255,.86);max-width:610px}
.as-blog .blog-hero .blog-kicker{color:white;background:rgba(255,255,255,.16);border-radius:30px;letter-spacing:.02em;padding:8px 15px}
.as-blog .hero-glow{opacity:.15;pointer-events:none}
.as-blog .blog-cta{background:linear-gradient(110deg,#1566c0,#087bff);border-radius:12px;box-shadow:0 10px 26px #071d3830}
.as-blog .article-list{scroll-margin-top:115px;padding-bottom:160px}
.as-blog .blog-page-status{font-size:13px;font-weight:700;color:var(--blue);margin:6px 0}
.as-blog .blog-pagination{position:relative;z-index:1;flex-wrap:wrap}
.as-blog .blog-pagination a{display:grid;place-items:center;min-width:44px;min-height:44px;transition:background .2s,transform .2s}
.as-blog .blog-pagination a:hover{transform:translateY(-2px);border-color:var(--blue)}
.as-blog .article-shell{margin-top:140px}
.as-blog .related{padding-bottom:150px}
.as-blog footer{line-height:1.6}
.as-blog footer h3,.as-blog footer h4{letter-spacing:normal}
.as-blog .blog-policy-dialog{margin:auto;width:min(550px,calc(100% - 32px));padding:32px;border:0;border-radius:24px;color:var(--navy);box-shadow:0 30px 90px #0004}
.as-blog .blog-policy-dialog::backdrop{background:#071d38b8;backdrop-filter:blur(5px)}
.as-blog .blog-policy-dialog button{float:right;border:0;background:none;font-size:28px;cursor:pointer;color:var(--navy)}
.as-blog .blog-policy-dialog h2{font-size:24px;margin:10px 0 20px}
.as-blog .blog-policy-dialog p{margin:0 0 20px}
.as-blog.admin-bar #main-nav{top:44px}
@media(max-width:768px){.as-blog .blog-hero{min-height:490px;padding:140px 0 65px}.as-blog .blog-hero p{font-size:17px}.as-blog .article-list{padding-top:40px;padding-bottom:115px}.as-blog .article-shell{margin-top:120px}.as-blog .blog-search{width:100%}.as-blog .article-heading{margin-top:28px}.as-blog.admin-bar #main-nav{top:58px}}
@media(prefers-reduced-motion:reduce){.as-blog .blog-pagination a{transition:none}}