.article-hero{border-radius:var(--radius-lg);width:100%;height:530px;padding:var(--padding-sm);background-color:var(--color-white-cream);position:relative;overflow:hidden}.article-hero__image-wrapper{border-radius:var(--radius-sm);width:100%;height:100%;position:relative;overflow:hidden}.article-hero__image{object-fit:cover}.article-hero__overlay{background:linear-gradient(to bottom, transparent 0%, transparent 50%, color-mix(in srgb, var(--color-black) 30%, transparent) 100%);position:absolute;inset:0}@media (max-width:768px){.article-hero{border-radius:var(--radius-md);height:300px}}@media (max-width:480px){.article-hero{height:250px}}
.article-header{align-items:center;gap:var(--gap-md);padding:var(--padding-lg);text-align:center;flex-direction:column;display:flex}.article-header__title{font-family:var(--font-family);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);color:var(--color-farm-green);line-height:var(--line-height-tight);margin:0}.article-header__meta{align-items:center;gap:var(--gap-xs);font-family:var(--font-family);font-size:var(--font-size-small);color:var(--color-dark-brown);flex-wrap:wrap;display:flex}.article-header__date,.article-header__separator{color:var(--color-gray)}.article-header__author{color:var(--color-farm-green);font-weight:var(--font-weight-bold)}@media (max-width:768px){.article-header{padding:var(--padding-md);margin-top:-40px}.article-header__title{font-size:var(--font-size-h3)}}
.article-content{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-dark-brown);line-height:var(--line-height-relaxed)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-family:var(--font-family);font-weight:var(--font-weight-bold);color:var(--color-dark);line-height:var(--line-height-tight);margin-top:var(--gap-xl);margin-bottom:var(--gap-md)}.article-content h1{font-size:var(--font-size-h1)}.article-content h2{font-size:var(--font-size-h2)}.article-content h3{font-size:var(--font-size-h3)}.article-content h4{font-size:var(--font-size-h4)}.article-content p{margin:0 0 var(--gap-l) 0}.article-content p:last-child{margin-bottom:0}.article-content a{color:var(--color-farm-green);text-underline-offset:2px;transition:color var(--transition-fast);text-decoration:underline}.article-content a:hover{color:var(--color-lettuce)}.article-content ul,.article-content ol{margin:0 0 var(--gap-l) 0;padding-left:var(--gap-lg)}.article-content li{margin-bottom:var(--gap-sm)}.article-content li:last-child{margin-bottom:0}.article-content ul li{list-style-type:disc}.article-content ol li{list-style-type:decimal}.article-content ul ul,.article-content ol ol,.article-content ul ol,.article-content ol ul{margin-top:var(--gap-sm);margin-bottom:0}.article-content blockquote{margin:var(--gap-l) 0;padding:var(--padding-md) var(--padding-lg);background-color:var(--color-light-green);border-left:4px solid var(--color-lemon-green);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic}.article-content blockquote p:last-child{margin-bottom:0}.article-content img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:var(--gap-l) 0}.article-content code{background-color:var(--color-cream);border-radius:var(--radius-xs);padding:2px 6px;font-family:Fira Code,Consolas,monospace;font-size:.9em}.article-content pre{margin:var(--gap-l) 0;padding:var(--padding-md);background-color:var(--color-dark-brown);border-radius:var(--radius-sm);overflow-x:auto}.article-content pre code{color:var(--color-white);background:0 0;padding:0}.article-content hr{margin:var(--gap-xl) 0;border:none;border-top:1px solid var(--color-cream)}.article-content table{width:100%;margin:var(--gap-l) 0;border-collapse:collapse}.article-content th,.article-content td{padding:var(--padding-xs) var(--padding-sm);border:1px solid var(--color-cream);text-align:left}.article-content th{background-color:var(--color-light-green);font-weight:var(--font-weight-semibold)}.article-content strong{font-weight:var(--font-weight-semibold);color:var(--color-black)}.article-content em{font-style:italic}@media (max-width:768px){.article-content{font-size:var(--font-size-small)}.article-content h2{font-size:var(--font-size-h3)}.article-content h3{font-size:var(--font-size-h4)}}
.author-card{gap:var(--gap-md);padding:var(--padding-lg);background-color:var(--color-white-cream);border-radius:var(--radius-sm);flex-direction:column;display:flex}.author-card__header{align-items:center;gap:var(--gap-md);display:flex}.author-card__avatar{border-radius:var(--radius-full);background-color:var(--color-light-green);flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.author-card__avatar-image{object-fit:cover;width:100%;height:100%}.author-card__avatar-fallback{font-family:var(--font-family);font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);color:var(--color-farm-green);letter-spacing:.04em}.author-card__info{gap:var(--gap-xs);flex-direction:column;display:flex}.author-card__name{font-family:var(--font-family);font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);color:var(--color-black);margin:0}.author-card__role{font-family:var(--font-family);font-size:var(--font-size-small);color:var(--color-farm-green);font-weight:var(--font-weight-medium)}.author-card__bio{font-family:var(--font-family);font-size:var(--font-size-small);color:var(--color-dark-brown);line-height:var(--line-height-relaxed);margin:0}@media (max-width:480px){.author-card__header{text-align:center;flex-direction:column}}