.article{padding:clamp(22px,4vw,44px)}
.article-intro{font-size:clamp(17px,2vw,20px)!important;line-height:1.7;color:rgba(255,255,255,.9)!important;max-width:850px}
.article h2{scroll-margin-top:120px;margin-top:42px}
.article h3{font-size:18px;line-height:1.4;margin:24px 0 10px}
.article strong{color:#fff}
.article a:not(.btn){color:#b8d2b4;text-decoration:underline;text-decoration-color:rgba(184,210,180,.35);text-underline-offset:3px}
.article a:not(.btn):hover{color:#d7ead4}
.article-nav{margin:28px 0 34px;padding:20px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}
.article-nav strong{display:block;margin-bottom:10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.article-nav ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 30px;padding-left:20px;color:var(--muted)}
.article-nav li{margin:0}
.article-nav a{text-decoration:none!important}
.article-note,.article-warning,.article-summary{margin:24px 0;padding:18px 20px;border-radius:12px}
.article-note{background:rgba(94,125,90,.14);border:1px solid rgba(94,125,90,.34)}
.article-warning{background:rgba(191,149,78,.1);border:1px solid rgba(191,149,78,.28)}
.article-summary{background:rgba(255,255,255,.035);border-left:3px solid var(--grn)}
.article-note p,.article-warning p,.article-summary p{margin:0;color:rgba(255,255,255,.82)}
.article-checklist{list-style:none;padding:0!important;display:grid;gap:9px}
.article-checklist li{position:relative;padding-left:28px;margin:0}
.article-checklist li::before{content:'✓';position:absolute;left:0;top:0;color:#9dbc98;font-weight:800}
.article-table-wrap{margin:22px 0;overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.article-table{width:100%;min-width:650px;border-collapse:collapse}
.article-table th,.article-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.article-table th{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#cfe0cc;background:rgba(94,125,90,.12)}
.article-table td{font-size:14px;color:rgba(255,255,255,.76)}
.article-table tr:last-child td{border-bottom:0}
.article-cta{margin:34px 0;padding:22px;border-radius:14px;background:linear-gradient(135deg,rgba(94,125,90,.24),rgba(255,255,255,.025));border:1px solid rgba(94,125,90,.4)}
.article-cta h3{margin:0 0 7px;font-family:'Playfair Display',serif;font-size:23px}
.article-cta p{margin-bottom:14px}
.faq-list{display:grid;gap:10px;margin-top:18px}
.faq-list details{border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.02);padding:0 16px}
.faq-list summary{cursor:pointer;list-style:none;padding:16px 30px 16px 0;font-weight:700;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';position:absolute;right:0;top:13px;font-size:22px;color:#9dbc98}
.faq-list details[open] summary::after{content:'−'}
.faq-list details p{padding:0 0 16px;margin:0}
.article-sources{margin-top:38px;padding-top:20px;border-top:1px solid var(--line)}
.article-sources h2{font-family:'Manrope',sans-serif;font-size:15px;margin:0 0 10px}
.article-sources p,.article-sources li{font-size:13px;color:rgba(255,255,255,.55)}
@media(max-width:640px){
  .article-nav ol{grid-template-columns:1fr}
  .article h2{font-size:25px;margin-top:34px}
  .article h3{font-size:17px}
  .article-note,.article-warning,.article-summary{padding:16px}
  .article-table th,.article-table td{padding:12px}
}