.article-page { padding: 70px 24px 100px; background: linear-gradient(180deg,#f7f3eb 0%,#fffdf8 100%); }
.article-shell { width: min(860px,100%); margin: 0 auto; }
.article-header { margin-bottom: 34px; }
.article-kicker,.article-header .eyebrow { color:#5D7257; font:800 12px/1.2 Montserrat,sans-serif; letter-spacing:.15em; text-transform:uppercase; }
.article-header h1 { margin:14px 0 18px; color:#3A322C; font:900 clamp(40px,6vw,72px)/.98 Montserrat,sans-serif; letter-spacing:-.045em; }
.article-deck { max-width:760px; color:#635a53; font:400 21px/1.6 "Open Sans",sans-serif; }
.article-featured img { width:100%; border-radius:30px; box-shadow:0 18px 50px rgba(58,50,44,.14); margin-bottom:36px; }
.article-content { background:#fff; border:1px solid rgba(58,50,44,.09); border-radius:30px; padding:clamp(28px,5vw,58px); box-shadow:0 18px 55px rgba(58,50,44,.08); color:#463e38; font:400 18px/1.75 "Open Sans",sans-serif; }
.article-content h2 { margin:42px 0 14px; font:800 clamp(28px,4vw,42px)/1.08 Montserrat,sans-serif; color:#3A322C; }
.article-content h3 { margin:32px 0 10px; font:800 24px/1.2 Montserrat,sans-serif; color:#3A322C; }
.article-content a { color:#5D7257; font-weight:700; }
.article-content ul,.article-content ol { padding-left:1.35em; }
.article-content blockquote { margin:30px 0; padding:22px 26px; border-left:4px solid #6E89A8; background:#f7f3eb; border-radius:0 18px 18px 0; }
.article-next-step { margin-top:34px; padding:36px; background:#5D7257; color:#fff; border-radius:28px; }
.article-next-step h2 { margin:9px 0 12px; font:800 34px/1.05 Montserrat,sans-serif; }
.article-next-step p { max-width:650px; font:400 17px/1.6 "Open Sans",sans-serif; }
.article-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:22px; }
.article-actions .btn { display:inline-flex; text-decoration:none; padding:13px 20px; border-radius:999px; font:800 14px/1 Montserrat,sans-serif; }
.article-actions .primary { background:#fff; color:#3A322C; }
.article-actions .secondary { border:1px solid rgba(255,255,255,.5); color:#fff; }
@media(max-width:680px){ .article-page{padding:42px 16px 70px}.article-content{padding:26px 20px}.article-next-step{padding:28px 22px}.article-actions .btn{width:100%;justify-content:center} }