.article-page{background:var(--cream);color:var(--brown-lt)}
.article-hero{padding:96px 24px 52px;text-align:center;background:var(--cream);position:relative;overflow:hidden}
.article-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(85,107,62,.06) .55px,transparent .55px);background-size:22px 22px}
.article-hero-inner{max-width:940px;margin:auto;position:relative}
.article-breadcrumbs{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:0 0 18px;font-size:.78rem}
.article-breadcrumbs a{color:var(--green-dk);font-weight:700;text-decoration:none}
.crumb-sep{color:var(--pink-deep)}
.article-eyebrow,.box-label{display:inline-block;font:700 .7rem/1.4 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:12px}
.article-eyebrow{padding:7px 18px;border:1px solid rgba(85,107,62,.22);border-radius:99px}
.article-hero h1{font:400 clamp(2.4rem,5vw,4.8rem)/1.05 var(--display);color:var(--green-dk);margin:0 0 18px}
.article-hero h1 em,.article-card h2 em{color:var(--pink-deep);font-style:italic}
.article-subtitle{font:500 clamp(1.3rem,2.5vw,1.9rem)/1.3 var(--hand);color:var(--pink-deep);margin:0 auto 22px;max-width:780px}
.article-author-box{max-width:760px;margin:24px auto 0;padding:18px 22px;border:1px solid rgba(85,107,62,.13);border-radius:18px;background:rgba(255,255,255,.38);font-size:.78rem;line-height:1.65}
.article-author-box p{margin:3px 0}
.article-meta{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px;font-size:.82rem}
.meta-dot{width:4px;height:4px;border-radius:50%;background:var(--pink-deep);align-self:center}
.article-wrap{padding:30px 24px 90px}
.article-card{max-width:900px;margin:auto;background:var(--cream-warm);border:1px solid rgba(58,42,34,.07);border-radius:32px 24px 36px 26px;padding:clamp(28px,6vw,64px);box-shadow:0 24px 70px rgba(85,107,62,.08)}
.article-card p,.article-card li{font-size:1rem;line-height:1.85}
.article-card p{margin:0 0 20px}
.article-card li{margin:0 0 10px}
.article-card a{color:var(--green-dk);text-underline-offset:3px}
.article-card h2{font:400 clamp(1.65rem,3vw,2.45rem)/1.2 var(--display);color:var(--green-dk);margin:44px 0 16px}
.article-card h3{font:400 clamp(1.22rem,2vw,1.6rem)/1.25 var(--display);color:var(--green-dk);margin:30px 0 12px}
.hero-banner{margin:0 0 38px}
.hero-banner img{display:block;width:100%;height:auto;border-radius:24px}
.image-caption{font-size:.78rem;line-height:1.5;margin-top:10px;color:var(--brown-lt);text-align:center}
.article-figure{margin:34px 0 40px}
.article-figure img{display:block;width:100%;height:auto;border-radius:22px;border:1px solid rgba(85,107,62,.1)}
.quick-answer,.science-box,.warning-box,.routine-box{border-radius:24px;padding:28px;margin:32px 0}
.quick-answer{background:var(--pink);border:1px solid rgba(232,137,154,.2)}
.science-box{background:var(--cream);border:1px solid rgba(85,107,62,.16)}
.warning-box{background:#fff8e8;border:1px solid rgba(184,134,11,.24)}
.routine-box{background:rgba(85,107,62,.07);border:1px solid rgba(85,107,62,.15)}
.quick-answer p,.science-box p,.warning-box p,.routine-box p{margin-bottom:0}
.toc{background:var(--cream);border:1px solid rgba(85,107,62,.12);border-radius:22px;padding:26px;margin:34px 0}
.toc h2{font-size:1.5rem;margin:0 0 12px}
.toc ol{margin:0;padding-left:22px}
.toc li{margin:0;line-height:1.8}
.comparison{width:100%;border-collapse:collapse;margin:24px 0 34px;font-size:.9rem}
.comparison th,.comparison td{text-align:left;padding:13px;border-bottom:1px solid rgba(85,107,62,.14);vertical-align:top}
.comparison th{color:var(--green-dk);background:rgba(85,107,62,.06)}
.references{padding-left:22px}
.references li{font-size:.87rem;line-height:1.65;margin-bottom:13px}
.faq details{padding:16px 0;border-bottom:1px solid rgba(85,107,62,.14)}
.faq summary{cursor:pointer;color:var(--green-dk);font-weight:700}
.faq details p{margin:12px 0 0}
.related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
.related-links a{display:block;padding:15px;border:1px solid rgba(85,107,62,.14);border-radius:16px;text-decoration:none;background:var(--cream)}
.disclaimer{font-size:.85rem!important;padding-top:28px;border-top:1px solid rgba(85,107,62,.15)}
.signature{font:500 1.5rem var(--hand);color:var(--pink-deep);text-align:center;margin-top:30px!important}
@media(max-width:700px){.article-hero{padding-top:72px}.article-wrap{padding-left:12px;padding-right:12px}.article-card{border-radius:22px;padding:26px 20px}.related-links{grid-template-columns:1fr}.comparison{font-size:.8rem}.comparison th,.comparison td{padding:9px}}