.article-hero{max-width:980px}
.article-meta{margin:16px 0 0;color:var(--muted);font-family:var(--font-head);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.article-body{max-width:920px}
.article-section{max-width:900px}
.article-section h2{max-width:820px}
.article-section p{max-width:800px;font-size:18px;line-height:1.72}
.article-note{max-width:790px;margin:28px 0 4px;padding:21px 24px;border-left:4px solid var(--green);background:#fff;border-radius:0 16px 16px 0}
.article-note strong{display:block;font-family:var(--font-head);font-size:18px;line-height:1.3}
.article-note span{display:block;margin-top:7px;color:#505B66;font-size:15px;line-height:1.55}
.article-related{padding:48px 0 60px}
.article-related h2{margin:0 0 18px;font-size:28px}
.article-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.article-related a{display:block;padding:18px 20px;background:#fff;border:1px solid var(--tile-border);border-radius:16px;text-decoration:none;font-family:var(--font-head);font-size:14px;font-weight:800;line-height:1.35}
.article-related a:hover{border-color:rgba(42,141,93,.38);color:var(--green)}
@media(max-width:820px){.article-section p{font-size:17px}.article-related-grid{grid-template-columns:1fr}}
@media(max-width:520px){.article-section p{font-size:16px}.article-note{padding:18px 19px}.article-related{padding:38px 0 48px}}