.blog-article{--article-border:#dde8e6}.article-hero{background:linear-gradient(115deg, #09424a, var(--navy) 55%, #0a172a);color:#fff;padding-block:24px clamp(32px,4vw,60px)}.article-breadcrumb{color:#cae0e3;flex-wrap:wrap;gap:9px;font-size:13px;display:flex}.article-breadcrumb a:hover,.article-byline:hover{text-decoration:underline}.article-hero h1{max-width:23ch;margin-top:clamp(22px,3vw,38px);font-size:clamp(34px,4.5vw,65px);font-weight:790}.article-hero h1:after{content:"";background:var(--yellow);width:54px;height:5px;margin-top:18px;display:block}.article-description{color:#e0ecef;max-width:62ch;margin-top:17px;font-size:clamp(15px,1.45vw,20px);line-height:1.55}.article-byline{color:#b7e6d7;margin-top:16px;font-weight:700;display:inline-block}.article-grid{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;gap:clamp(24px,4vw,64px);padding-block:clamp(24px,4vw,56px);display:grid}.article-main,.article-sidebar{min-width:0}.article-cover,.article-author-photo{background:var(--muted);margin:0;position:relative;overflow:hidden}.article-cover{aspect-ratio:2.8;border-radius:16px}.article-cover img{object-fit:cover;object-position:center 49%}.article-toc,.article-product{border:1px solid var(--article-border);background:#f5faf8;border-radius:14px;margin-top:24px;padding:clamp(16px,2vw,28px)}.article-toc h2,.article-product h2{font-size:clamp(20px,2vw,27px)}.article-toc ul,.article-section ul{margin:12px 0 0;padding-left:22px}.article-toc li+li,.article-section li+li{margin-top:8px}.article-toc a{color:var(--green-dark);text-underline-offset:3px;text-decoration:underline}.article-section{margin-top:clamp(30px,4vw,52px);scroll-margin-top:20px}.article-section p,.article-section li,.article-product p{color:#344858;max-width:72ch;line-height:1.7}.article-section p,.article-product p{margin-top:14px}.article-product .button{min-height:42px;margin-top:15px}.article-author{border:1px solid var(--article-border);background:#f6faf8;border-radius:16px;overflow:hidden}.article-author-photo{aspect-ratio:4/3}.article-author-photo img{object-fit:cover;object-position:center 65%}.article-author-content{padding:22px}.article-author h2{scroll-margin-top:16px;font-size:29px}.article-author-content>p{color:#384c56;margin-top:10px;line-height:1.55}.article-author-content .article-author-role{color:var(--green-dark);margin-top:5px;font-weight:750}.article-author address{border-top:1px solid var(--article-border);gap:10px;margin-top:17px;padding-top:16px;font-style:normal;display:grid}.article-author address a{color:var(--green-dark);overflow-wrap:anywhere;align-items:center;gap:9px;font-weight:650;display:flex}.article-author address a:hover{text-decoration:underline}.article-author address svg{flex:none;width:18px;height:18px}@media (max-width:760px){.article-grid{grid-template-columns:1fr}.article-cover{aspect-ratio:1.9}.article-author{max-width:420px}}
