/* Shared WebArticle tokens, styled independently of theme utility classes. */
.webarticle-landing{max-width:1140px;margin:0 auto;padding:0 15px}.webarticle-landing>*{max-width:100%}
.webarticle-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);margin:0;background:var(--kueng-green,#244e3d);color:#fff;overflow:hidden;min-height:400px}
.webarticle-hero-image{min-height:340px}.webarticle-hero-image img{width:100%;height:100%;display:block;object-fit:cover}.webarticle-hero-copy{padding:clamp(1.5rem,5vw,4.5rem);align-self:center}.webarticle-hero-copy h1{margin:0 0 1.2rem;color:inherit}.webarticle-hero-copy p{font-size:1.15rem;line-height:1.65;opacity:.95}.webarticle-hero .webarticle-button{color:#fff;border-color:#fff}
.webarticle-button{display:inline-block;padding:.8rem 1.2rem;border:1px solid var(--kueng-green,#244e3d);border-radius:5px;margin:.5rem 0;text-decoration:none;font-weight:700;color:var(--kueng-green,#244e3d);transition:background .15s,color .15s}.webarticle-button:hover{background:var(--kueng-green,#244e3d);color:#fff;text-decoration:none}.webarticle-hero .webarticle-button:hover{background:#fff;color:var(--kueng-green,#244e3d)}
.webarticle-text-image{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;margin:0 auto;padding:4rem 15px;max-width:1140px}.webarticle-text-image img{display:block;width:100%;height:auto;border-radius:10px}.webarticle-text-image h2{margin-bottom:1rem}.webarticle-text-image p{color:var(--kueng-muted,#647268);line-height:1.8}
.webarticle-gallery{max-width:1140px;margin:0 auto;padding:3rem 15px}.webarticle-gallery h2{margin-bottom:1rem}.webarticle-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.webarticle-gallery img{display:block;width:100%;height:auto;border-radius:8px}.webarticle-gallery figure{margin:0}
.webarticle-faq{max-width:850px;margin:1rem auto;padding:1.2rem 1.4rem;border:1px solid var(--kueng-line,#d5ddd5);border-radius:8px;background:#fff}.webarticle-faq summary{cursor:pointer;font-weight:700;line-height:1.5;color:var(--kueng-green,#244e3d)}.webarticle-faq p{margin:1rem 0 0;color:var(--kueng-muted,#647268)}
.webarticle-news{max-width:1140px;padding:3rem 15px;margin:0 auto}.webarticle-news ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;list-style:none;padding:0}.webarticle-news li{border:1px solid var(--kueng-line,#d5ddd5);border-radius:8px;padding:1.5rem;background:var(--kueng-cream,#f7f6f1)}.webarticle-news a{font-size:1.2rem;font-weight:700}.webarticle-news p{margin:1rem 0 0;font-size:.95rem}.webarticle-content-unavailable{display:inline-block;padding:.5rem .75rem;background:#f6f2e9;color:#675e4c;border-radius:4px}
@media(max-width:767.98px){.webarticle-hero{grid-template-columns:1fr;min-height:0}.webarticle-hero-image{min-height:0;max-height:340px}.webarticle-hero-image img{height:auto;max-height:340px}.webarticle-hero-copy{padding:1.75rem 1.25rem}.webarticle-text-image{grid-template-columns:1fr;gap:1.5rem;padding:2rem 15px}.webarticle-gallery{padding:2rem 15px}.webarticle-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.webarticle-news ul{grid-template-columns:1fr}.webarticle-faq{margin:.75rem 15px;padding:1rem}}

/* One responsive row of article recommendations; all cards remain available without JS. */
[data-article-products-preview]{overflow-anchor:none}
[data-article-products-preview] [data-article-product]{scroll-margin-top:120px}
[data-article-products-preview] [data-article-product][hidden],
[data-article-products-preview] [data-article-products-controls][hidden]{display:none!important}
[data-article-products-toggle] .fa{transition:transform .2s}
[data-article-products-toggle][aria-expanded=true] .fa{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){[data-article-products-toggle] .fa{transition:none}}
