.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.articles-section{background:#f8fbfc}
.article-card{padding:25px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 8px 20px rgba(14,56,80,.04)}
.article-card h3{font-size:20px}
.article-card p:not(.product-type){color:var(--muted);font-size:14px}
.article-page{background:var(--light)}
.article-header{padding:68px clamp(22px,12vw,190px) 42px;background:linear-gradient(120deg,#eaf7fa,#f9fcfd)}
.article-header h1{max-width:920px;font-size:clamp(38px,5vw,62px)}
.article-header .intro{max-width:900px}
.article-body{max-width:940px;margin:0 auto;padding:48px 24px 76px;background:#fff}
.article-body h2{margin-top:42px;font-size:30px}
.article-body h3{margin-top:28px;font-size:21px}
.article-body p,.article-body li{font-size:17px}
.article-body li{margin-bottom:7px}
.article-body .note{padding:18px 20px;border-left:4px solid var(--teal);background:var(--light)}
.article-body .references{padding-top:20px;border-top:1px solid var(--line)}
.article-body .references li{font-size:14px}
.article-back{display:inline-block;margin-bottom:22px;color:var(--blue);font-weight:700}
@media(max-width:980px){nav{gap:15px;font-size:13px}}
@media(max-width:760px){.article-grid{grid-template-columns:1fr;gap:14px}.article-header{padding-top:48px}.article-body{padding-top:35px}}