.blog-article-page{--article-gap:var(--space-section);--article-main-width:min(var(--site-reading-width), calc(100% - 280px - var(--article-gap)));width:100%;padding:var(--site-entry-top) var(--site-frame-inset) 64px;margin:auto}.blog-article-hero{gap:var(--article-gap);border-bottom:1px solid var(--theme-border,#dce3d4);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;margin-bottom:44px;padding-block:20px 44px;display:grid}.blog-article-hero:not(:has(>.blog-article-cover)){grid-template-columns:minmax(0,1fr)}.blog-article-heading{min-width:0;margin:0}.blog-article-heading h1{letter-spacing:-.025em;color:var(--theme-text,#294b3c);text-wrap:balance;overflow-wrap:anywhere;margin:18px 0 20px;font-size:clamp(2.125rem,1.3rem + 2.5vw,3.5rem);line-height:1.08}.blog-article-tags{flex-wrap:wrap;gap:8px;display:flex}.blog-article-tags:empty{display:none}.blog-article-tags a{min-height:44px;color:var(--theme-text,#294b3c);background:var(--theme-surface-soft,#eef1e4);border-radius:22px;align-items:center;padding:8px 14px;font-size:.875rem;font-weight:600;display:inline-flex}.blog-article-tags a:hover{text-underline-offset:3px;text-decoration:underline}.blog-article-excerpt{color:var(--theme-text,#294b3c);margin:0 0 24px;font-size:1.125rem;line-height:1.7}.blog-article-meta{border-top:1px solid var(--theme-border,#dce3d4);color:var(--theme-muted,#657455);gap:8px 16px;padding-top:18px;font-size:.875rem;line-height:1.6}.blog-article-author{color:var(--theme-text,#294b3c);flex-basis:100%;font-weight:600}.blog-reading-time{align-items:center;gap:6px;display:inline-flex}.blog-article-cover{aspect-ratio:5/4;background:var(--theme-surface-soft,#e9efdc);border-radius:20px;width:100%;margin:0;overflow:hidden}.blog-article-cover picture,.blog-article-cover img{object-fit:cover;width:100%;height:100%;display:block}.blog-article-cover .blog-poly-cover img{object-fit:contain;padding:24px}.blog-reading-layout{--reading-main-width:var(--article-main-width)}.blog-reading-section{min-width:0;margin-bottom:44px;scroll-margin-top:28px}.blog-reading-section h2{color:var(--theme-text,#294b3c);text-wrap:pretty;margin:0 0 20px;font-size:clamp(1.625rem,1.2rem + 1vw,2rem);line-height:1.25}.blog-reading-section h3{margin:28px 0 14px;font-size:1.375rem;line-height:1.35}.blog-reading-section .blog-article-body{overflow-wrap:anywhere;width:100%;max-width:none;margin:0;font-size:1.1875rem;line-height:1.8}.blog-article-body p{line-height:inherit;margin-bottom:1.3em}.blog-article-body img{border-radius:12px;max-width:100%;height:auto}.blog-reading-section .editor-prose ul,.blog-reading-section .editor-prose ol{padding-left:1.4em}.blog-reading-section .editor-prose li{margin:8px 0}.blog-reading-content .blog-reading-section blockquote{color:var(--theme-text,#294b3c);background:var(--theme-surface-soft,#eef1e4);border:0;border-left:3px solid var(--theme-accent,#49633a);border-radius:0 12px 12px 0;margin:28px 0;padding:24px}.blog-reading-content .blog-reading-section blockquote p,.blog-reading-content .blog-reading-section blockquote strong{color:inherit}.blog-reading-section figure{margin:28px 0}.blog-reading-section figure img{object-fit:contain;width:100%;height:auto;display:block}.blog-reading-section figcaption{color:var(--theme-muted,#657455);margin-top:12px;font-size:.875rem;line-height:1.6}.blog-author-box{border-block:1px solid var(--theme-border,#dce3d4);max-width:var(--article-main-width);align-items:center;gap:15px;margin:36px 0;padding:24px 0;display:flex}.blog-author-avatar{background:var(--theme-surface-soft,#eef1e4);width:46px;height:46px;color:var(--theme-text,#294b3c);border-radius:50%;flex:none;place-items:center;font-size:1.25rem;font-weight:600;display:grid}.blog-author-box>div{flex-direction:column;gap:5px;font-size:1rem;display:flex}.blog-author-box small{color:var(--theme-muted,#657455);font-size:.875rem}.blog-article-page>.blog-comments{max-width:var(--article-main-width);margin-inline:0}@media (max-width:999px){.blog-article-page{--article-main-width:100%}.blog-article-hero{grid-template-columns:minmax(0,1fr);gap:24px;margin-bottom:28px;padding-bottom:32px}.blog-article-cover{aspect-ratio:16/9}}@media (max-width:600px){.blog-article-tags{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:start;display:grid}.blog-article-tags a{overflow-wrap:anywhere;max-width:100%}.blog-article-page{padding-block:var(--site-entry-top) 48px}.blog-article-hero{padding-top:8px}.blog-article-cover{aspect-ratio:3/2;border-radius:14px}.blog-article-excerpt,.blog-reading-section .blog-article-body{font-size:1.0625rem;line-height:1.75}.blog-reading-section{margin-bottom:32px}}
