@layer pages {
.blog-page-root,.blog-post-root{background:radial-gradient(circle at 86% 6%,#94b0d333,#94b0d300 32%),radial-gradient(circle at 10% 2%,#dbb57d29,#dbb57d00 28%),linear-gradient(#f6f4ef 0%,#eef4fc 58%,#f7faff 100%)}.blog-page{gap:14px}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.blog-filter-bar{background:linear-gradient(160deg,#fbfdff 0%,#f1f6ff 100%);border-color:#c8d5e7;gap:10px;display:grid}.blog-filter-row{grid-template-columns:minmax(0,1fr) 240px;gap:10px;display:grid}.blog-card{background:linear-gradient(#fff 0%,#f4f8ff 100%);border-color:#c8d5e7;grid-template-rows:auto auto auto 1fr auto;align-content:start;display:grid}.blog-card-cover-wrap{aspect-ratio:16/10;background:#e9f1ff;border:1px solid #c8d5e7;border-radius:14px;position:relative;overflow:hidden}.blog-card-cover-wrap .blog-image-shell{width:100%;height:100%}.blog-card-cover{object-fit:cover;width:100%;height:100%;display:block}.blog-card h2{font-family:var(--font-serif), serif;color:var(--brand);-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:3.3em;margin:0;font-size:clamp(1.35rem,2.3vw,1.8rem);line-height:1.1;display:-webkit-box;overflow:hidden}.blog-card-meta{color:#5a7090;flex-wrap:wrap;align-items:center;gap:8px;min-height:34px;margin:0;font-size:.76rem;display:flex}.blog-card-meta span{white-space:nowrap;background:#eff5ff;border:1px solid #c8d5e7;border-radius:999px;align-items:center;padding:4px 8px;line-height:1.2;display:inline-flex}.blog-card-link{width:fit-content;margin-top:auto}.blog-card .muted{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.blog-post-shell{background:linear-gradient(#fff 0%,#f5f9ff 100%);border-color:#c8d5e7;gap:14px}.blog-post-cover-wrap{border:1px solid #c8d5e7;border-radius:16px;position:relative;overflow:hidden}.blog-image-shell,.blog-inline-image-wrap{display:block;position:relative}.blog-image-loading{pointer-events:none;z-index:1;background:linear-gradient(#f3f8ffe6 0%,#eaf2fce6 100%);place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:0}.blog-image-spinner-ring{border:2px solid #2a487233;border-top-color:#2f4f76;border-radius:999px;width:26px;height:26px;animation:.8s linear infinite adminSpin}.blog-image-shell.is-ready .blog-image-loading,.blog-inline-image-wrap.is-ready .blog-image-loading{opacity:0}.blog-image-shell.is-loading .blog-card-cover,.blog-image-shell.is-loading .blog-post-cover,.blog-inline-image-wrap.is-loading .blog-inline-image{opacity:.38}.blog-post-cover{object-fit:cover;width:100%;height:min(48vh,440px);display:block}.blog-post-toc{background:linear-gradient(#f6f9ff 0%,#fff 100%);border-color:#c8d5e7;gap:8px;display:grid}.blog-post-toc-list{gap:6px;display:grid}.blog-post-toc-link{color:#2f4f76;font-weight:600}.blog-post-toc-link:hover,.blog-post-toc-link:focus-visible{text-decoration:underline}.blog-post-content{gap:12px;display:grid}.blog-post-section h2{font-family:var(--font-serif), serif;color:var(--brand);font-size:clamp(1.35rem,2.3vw,1.8rem)}.blog-post-content p{max-width:74ch}.blog-post-content blockquote{color:#3f5575;border-left:3px solid #b4c7e1;max-width:74ch;margin:.8rem 0;padding-left:12px}.blog-inline-image{border-radius:12px;max-width:100%;height:auto;margin:10px auto;display:block}.blog-inline-image.is-left{margin-left:0;margin-right:auto}.blog-inline-image.is-center{margin-left:auto;margin-right:auto}.blog-inline-image.is-right{margin-left:auto;margin-right:0}.blog-post-actions{flex-wrap:wrap;gap:10px;display:flex}.blog-post-next{background:linear-gradient(#f2f7ff 0%,#fff 100%);border-color:#c8d5e7}.blog-post-next h2{font-family:var(--font-serif), serif;color:var(--brand);font-size:clamp(1.3rem,2.3vw,1.7rem)}.blog-related{background:linear-gradient(#f7faff 0%,#fff 100%);border-color:#c8d5e7}.blog-related h2{font-family:var(--font-serif), serif;color:var(--brand);font-size:clamp(1.3rem,2.3vw,1.7rem)}.blog-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.blog-related-card{background:#fff;border:1px solid #c8d5e7;border-radius:12px;gap:8px;padding:12px;display:grid}.blog-related-card h3{color:var(--brand)}
}