.reading-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--c-amber),var(--c-amber-dark));z-index:1000;transition:width .1s linear}.article-header{padding:var(--space-2xl) 0 var(--space-lg)}.article-header__back{display:inline-block;font-size:var(--fs-small);color:var(--c-text-lighter);text-decoration:none;margin-bottom:var(--space-lg);transition:color var(--duration) var(--ease)}.article-header__back:hover{color:var(--c-green-800)}.article-header__meta{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--space-sm)}.article-header__date,.article-header__read{font-size:var(--fs-xs);color:var(--c-text-lighter)}.article-header__dot{font-size:var(--fs-xs);color:var(--c-border)}.article-header h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.2;max-width:680px}.article-header__lead{font-size:1.1rem;color:var(--c-text-light);line-height:1.7;max-width:640px;margin-top:var(--space-sm)}.article-header__tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:var(--space-md)}.article-tag{display:inline-block;font-size:.72rem;font-weight:500;padding:.2rem .6rem;border-radius:100px;background-color:var(--c-green-100);color:var(--c-green-800);letter-spacing:.02em}.toc{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);margin-bottom:var(--space-lg)}.toc__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem}.toc__label{font-size:var(--fs-small);font-weight:600;color:var(--c-text);text-transform:uppercase;letter-spacing:.06em}.toc__list{list-style:none;padding:0;margin:0;counter-reset:toc-counter}.toc__list li{counter-increment:toc-counter;padding:.3rem 0}.toc__link{display:inline;font-size:var(--fs-small);color:var(--c-text-light);text-decoration:none;transition:color var(--duration) var(--ease)}.toc__link:before{content:counter(toc-counter) ". ";color:var(--c-text-lighter);font-weight:600}.toc__link:hover{color:var(--c-green-800)}.article-body{padding-bottom:var(--space-xl)}.article-body .prose h2{padding-top:var(--space-sm)}.article-body .prose>p:first-child{font-size:1.1rem;color:var(--c-text);line-height:1.75}.article-body .prose a{color:var(--c-green-800);text-decoration-color:var(--c-amber);text-decoration-thickness:2px;text-underline-offset:3px;transition:color var(--duration) var(--ease),text-decoration-color var(--duration) var(--ease)}.article-body .prose a:hover{color:var(--c-green-900);text-decoration-color:var(--c-green-800)}.article-author-section{padding-bottom:var(--space-lg)}.author-box{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--c-bg-alt);border-radius:var(--radius-lg)}.author-box__photo{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.author-box__label{font-size:var(--fs-xs);color:var(--c-text-lighter);text-transform:uppercase;letter-spacing:.06em;display:block;margin-bottom:.1rem}.author-box__name{font-size:var(--fs-body);color:var(--c-green-900);display:block}.author-box__bio{font-size:var(--fs-small);color:var(--c-text-light);margin-top:.2rem;line-height:1.5}.article-cta-section{padding-bottom:var(--space-xl)}.article-cta{background-color:var(--c-green-900);border-radius:var(--radius-lg);padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}@media(min-width:640px){.article-cta{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-lg)}}.article-cta__content h2{color:var(--c-white);font-size:var(--fs-h3);margin-bottom:.4rem}.article-cta__content p{color:#fffc;font-size:var(--fs-small);max-width:420px;line-height:1.6}.article-cta__actions{display:flex;gap:.6rem;flex-shrink:0;flex-wrap:wrap}.article-cta__actions .btn--outline{color:var(--c-white);border-color:#ffffff4d}.article-cta__actions .btn--outline:hover{background-color:#ffffff1a;border-color:#ffffff80;color:var(--c-white)}.article-related{padding:var(--space-xl) 0 var(--space-2xl);border-top:1px solid var(--c-border)}.article-related__heading{font-size:var(--fs-h3);margin-bottom:var(--space-lg)}.related-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}@media(min-width:640px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.related-grid{grid-template-columns:repeat(3,1fr)}}.related-card{display:block;text-decoration:none;background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-md);transition:box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease),transform var(--duration) var(--ease)}.related-card:hover{box-shadow:0 4px 20px #0000000f;border-color:var(--c-green-100);transform:translateY(-2px)}.related-card__meta{display:flex;align-items:center;gap:.4rem;font-size:var(--fs-xs);color:var(--c-text-lighter);margin-bottom:.5rem}.related-card__title{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--c-green-900);line-height:1.3;margin-bottom:.4rem}.related-card__desc{font-size:var(--fs-small);color:var(--c-text-light);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}