.seo-article-page{background:#fff}.seo-article-header{border-bottom:1px solid #eef2f0;align-items:center;gap:28px;max-width:1180px;height:76px;margin:auto;padding:0 28px;display:flex}.seo-article-header nav{gap:25px;margin-left:auto;font-size:13px;font-weight:700;display:flex}.seo-article-header nav a:hover{color:var(--green-2)}.seo-article-hero{text-align:center;background:radial-gradient(circle at 80% 0,#e5ac3c2b,#0000 26%),linear-gradient(125deg,#f5faf7,#fbf8ef);padding:72px max(28px,50vw - 510px) 65px}.seo-breadcrumb{color:#7c8d87;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:28px;font-size:12px;display:flex}.seo-breadcrumb a{align-items:center;gap:5px;display:flex}.seo-breadcrumb strong{color:#4c665d}.seo-article-kicker{color:#8a6517;background:#fff4d3;border:1px solid #efd58d;border-radius:99px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-block}.seo-article-hero h1{letter-spacing:-.045em;max-width:880px;margin:17px auto 15px;font-size:clamp(36px,4vw,55px);line-height:1.2}.seo-article-hero>p{color:#5e716a;max-width:760px;margin:0 auto;font-size:17px}.seo-article-meta{color:#65766f;justify-content:center;gap:22px;margin-top:24px;font-size:12px;display:flex}.seo-article-meta span{align-items:center;gap:6px;display:flex}.seo-article-meta svg{color:#27805f}.seo-article-layout{grid-template-columns:245px 1fr;align-items:start;gap:68px;max-width:1120px;margin:0 auto;padding:70px 28px 95px;display:grid}.seo-article-layout>aside{background:#fafcfb;border:1px solid #e1eae6;border-radius:15px;padding:20px;position:sticky;top:24px}.seo-article-layout>aside>strong{font-size:14px}.seo-article-layout aside ol{gap:8px;margin:13px 0 20px;padding:0;list-style:none;display:grid}.seo-article-layout aside li{color:#60726b;font-size:12px}.seo-article-layout aside a:hover{color:#157253}.seo-article-video{border-top:1px solid #e1e9e6;align-items:center;gap:7px;padding-top:15px;font-size:12px;font-weight:700;display:flex;color:#146b50!important}.seo-article-content{min-width:0}.seo-article-summary{background:#fff7df;border-left:4px solid #dca331;border-radius:0 13px 13px 0;margin-bottom:46px;padding:24px 26px}.seo-article-summary>strong{font-size:15px}.seo-article-summary ul{flex-wrap:wrap;gap:8px 20px;margin:12px 0 0;padding:0;list-style:none;display:flex}.seo-article-summary li{color:#5b685c;align-items:center;gap:6px;font-size:13px;display:flex}.seo-article-summary svg{color:#298262}.seo-article-content>h2,.seo-article-tips h2,.seo-article-faq h2{margin:0 0 24px;font-size:28px}.seo-article-steps{gap:58px;display:grid}.seo-article-steps>section{scroll-margin-top:25px}.seo-step-title{align-items:center;gap:13px;display:flex}.seo-step-title>b{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.seo-step-title span{color:#9c741c;text-transform:uppercase;font-size:10px;font-weight:800}.seo-step-title h3{margin:0;font-size:21px}.seo-article-steps section>p{color:#60716b;margin:12px 0 18px}.seo-article-steps figure{background:#eef3f0;border-radius:16px;margin:0;padding:9px;overflow:hidden;box-shadow:0 12px 30px #0d463817}.seo-article-steps figure img{object-fit:contain;background:#fff;border-radius:10px;width:100%;height:auto;max-height:620px;display:block}.seo-article-steps figcaption{color:#81908a;text-align:center;padding:9px 4px 2px;font-size:10px}.seo-article-tips{background:#eaf5f0;border-radius:16px;margin-top:70px;padding:28px}.seo-article-tips h2{font-size:23px}.seo-article-tips>div{gap:10px;margin-top:12px;font-size:14px;display:flex}.seo-article-tips svg{color:#1f815f;flex-shrink:0}.seo-article-faq{margin-top:65px}.seo-article-faq details{border-bottom:1px solid #dfe7e4;padding:17px 0}.seo-article-faq summary{cursor:pointer;justify-content:space-between;font-weight:700;list-style:none;display:flex}.seo-article-faq summary::-webkit-details-marker{display:none}.seo-article-faq summary span{background:#edf3f1;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.seo-article-faq details[open] summary span{transform:rotate(45deg)}.seo-article-faq p{color:#63746e;margin:10px 35px 0 0;font-size:14px}.seo-related{border-top:1px solid #e6ece9;max-width:1120px;margin:0 auto;padding:70px 28px}.seo-related>div:first-child{text-align:center}.seo-related>div:first-child>span{color:#9b7219;font-size:12px;font-weight:800}.seo-related h2{margin:4px 0 28px;font-size:30px}.seo-related-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.seo-related-grid a{border:1px solid #dfe8e4;border-radius:13px;justify-content:space-between;align-items:center;min-height:84px;padding:20px;font-weight:700;display:flex}.seo-related-grid a:hover{color:var(--green-2);background:#f6faf8}.seo-article-cta{color:#fff;background:linear-gradient(110deg,#0b3b30,#155e49);border-radius:18px;align-items:center;gap:30px;max-width:1064px;margin:0 auto 75px;padding:32px 38px;display:flex}.seo-article-cta>div{margin-right:auto}.seo-article-cta span{color:#efc15f;font-size:11px;font-weight:800}.seo-article-cta h2{margin:3px 0;font-size:25px}.seo-article-cta p{color:#c9dcd5;margin:0;font-size:12px}.seo-article-footer{color:#b8cdc5;background:#092f27;justify-content:space-between;padding:24px max(28px,50vw - 532px);font-size:12px;display:flex}.seo-article-footer a{align-items:center;gap:7px;display:flex}@media (width<=800px){.seo-article-header{height:66px;padding:0 18px}.seo-article-header nav,.seo-article-header>.seo-button{display:none}.seo-article-hero{padding:50px 20px}.seo-article-hero h1{font-size:35px}.seo-article-hero>p{font-size:15px}.seo-article-meta{flex-direction:column;align-items:center;gap:7px}.seo-article-layout{grid-template-columns:1fr;padding:45px 18px 70px}.seo-article-layout>aside{position:static}.seo-article-summary ul{display:grid}.seo-article-steps{gap:45px}.seo-step-title h3{font-size:19px}.seo-article-steps figure{margin-left:-4px;margin-right:-4px}.seo-related{padding:55px 18px}.seo-related-grid{grid-template-columns:1fr}.seo-article-cta{text-align:center;flex-direction:column;margin:0 18px 55px;padding:28px 22px}.seo-article-cta>div{margin:0}.seo-article-cta .seo-button{width:100%}.seo-article-footer{flex-direction:column;align-items:center;gap:10px}}
