html{scroll-behavior:smooth;scroll-padding-top:88px}
.article-page{--article-line:#e1e8df;--article-surface:#fff;max-width:100%;padding:0 20px 80px;background:radial-gradient(ellipse 70% 25% at 50% 0%,#e8f3e8 0%,transparent 75%)}
.dark .article-page{--article-line:#354239;--article-surface:#201f1d;background:radial-gradient(ellipse 70% 25% at 50% 0%,#203629 0%,transparent 75%)}
.article-shell{max-width:1152px;margin:0 auto;padding-top:48px;scroll-margin-top:88px}
.article-progress{position:fixed;z-index:45;top:0;right:0;width:100%;height:3px;background:#4b8c67;transform:scaleX(0);transform-origin:right;will-change:transform;pointer-events:none}
.article-content{max-width:820px;margin-right:auto;margin-left:auto;scroll-margin-top:88px}.article-content h1{font-size:clamp(2rem,4.2vw,3.5rem)!important;line-height:1.4!important;letter-spacing:-.04em;margin-bottom:1.75rem!important;text-wrap:balance}
.article-content h2,.article-content h3,.article-content h4{scroll-margin-top:88px}
.article-content p{font-size:1.08rem;line-height:2.15;margin-bottom:1.35rem}.article-content figure{margin:2.2rem 0}.article-content img{box-shadow:0 16px 38px #263d2a12}.article-content blockquote{border-right:3px solid #75a885;background:#f0f6ef;padding:20px 24px;border-radius:14px}.dark .article-content blockquote{background:#21382b}
@media(max-width:600px){.article-page{padding:0 16px 60px}.article-shell{padding-top:30px}.article-content p{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}