.seo-hero,.seo-article-hero{background:linear-gradient(140deg,#fff 0%,#f8f6ff 58%,#fff7f1 100%);border-bottom:1px solid var(--line)}
.seo-hero{padding:74px 0 62px}.seo-hero h1,.seo-article-hero h1{max-width:900px;margin:18px 0 16px;font-size:clamp(38px,5vw,64px);line-height:1.04;letter-spacing:-.055em}.seo-hero>div>p,.seo-article-hero p{max-width:780px;color:#5f697b;font-size:18px;line-height:1.75}.seo-topic-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.seo-topic-links a{padding:9px 12px;border:1px solid #ddd9f7;border-radius:999px;background:#fff;color:var(--purple);font-size:12px;font-weight:800}.seo-guide-library{padding:20px 0 90px}.seo-guide-group{padding:58px 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}.seo-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.seo-section-heading h2{margin:7px 0 0;font-size:34px;letter-spacing:-.04em}.seo-section-heading>a{color:var(--purple);font-size:13px;font-weight:800}.seo-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.seo-guide-card{display:flex;min-height:260px;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(23,32,51,.04);transition:.2s}.seo-guide-card:hover{transform:translateY(-4px);border-color:#cec6fb;box-shadow:0 18px 36px rgba(23,32,51,.08)}.seo-guide-card>span{color:#8a93a4;font-size:10px;font-weight:800;text-transform:uppercase}.seo-guide-card h3{margin:13px 0 9px;font-size:18px;line-height:1.3}.seo-guide-card p{margin:0;color:#667085;font-size:13px;line-height:1.65}.seo-guide-card .tool-link{margin-top:auto;padding-top:18px}.seo-article-hero{padding:64px 0 58px}.seo-article-shell{width:min(1060px,calc(100% - 40px));margin:auto}.seo-article-hero h1{max-width:820px}.seo-article-hero .button{margin-top:20px}.seo-article-layout{display:grid;grid-template-columns:minmax(0,740px) 250px;gap:60px;padding:48px 0 90px}.seo-article-section{padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid var(--line);scroll-margin-top:100px}.seo-article-section h2{margin:0 0 18px;font-size:31px;letter-spacing:-.04em}.seo-article-section p{margin:0 0 16px;color:#505b6d;font-size:16px;line-height:1.84}.seo-toc{position:sticky;top:98px;align-self:start;padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff}.seo-toc strong{font-size:13px}.seo-toc ol{padding-left:19px;color:#98a1b2}.seo-toc li{padding:5px 0}.seo-toc li a{color:#596477;font-size:12px;line-height:1.45}.seo-toc>a{display:block;margin-top:15px;color:var(--purple);font-size:12px;font-weight:800}.seo-guide-cta{padding:30px;border:1px solid #d8d1ff;border-radius:22px;background:linear-gradient(135deg,#f5f2ff,#fff8f1)}.seo-guide-cta h2{margin:8px 0;font-size:30px}.seo-guide-cta p{color:#5f697b;line-height:1.7}.seo-related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.seo-related>div{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}.seo-related h3{margin:0 0 12px;font-size:14px}.seo-related a,.tool-related-grid a{display:block;padding:7px 0;color:var(--purple);font-size:12px;font-weight:700;line-height:1.4}.tool-guide-expanded{max-width:1000px}.tool-guide-expanded>h2{margin-top:30px}.tool-guide-expanded>h2:first-child{margin-top:0}.tool-scenario{margin:30px 0;padding:24px;border:1px solid #ddd8fb;border-radius:18px;background:linear-gradient(145deg,#faf9ff,#fff)}.tool-scenario h2{margin:8px 0 10px}.seo-example-table{width:100%;margin:18px 0;border-collapse:collapse;background:#fff}.seo-example-table th,.seo-example-table td{padding:12px 14px;border:1px solid var(--line);text-align:left;font-size:13px}.seo-example-table th{width:38%;color:#475467;background:#fafbfc}.scenario-note{margin-bottom:0!important}.tool-faq-list details:first-child{border-top:0}.tool-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.tool-related-grid>div{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fafbfc}.tool-related-grid h3{margin:0 0 8px}
@media(max-width:980px){.seo-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-article-layout{display:block}.seo-toc{display:none}}
@media(max-width:620px){.seo-hero,.seo-article-hero{padding:45px 0}.seo-hero h1,.seo-article-hero h1{font-size:39px}.seo-hero>div>p,.seo-article-hero p{font-size:16px}.seo-guide-grid,.seo-related,.tool-related-grid{grid-template-columns:1fr}.seo-guide-card{min-height:0}.seo-section-heading{display:block}.seo-section-heading>a{display:inline-block;margin-top:10px}.seo-article-shell{width:min(100% - 26px,1060px)}.seo-article-layout{padding-top:30px}.seo-article-section h2{font-size:27px}.seo-article-section p{font-size:15px}.tool-scenario{padding:18px}.seo-example-table th,.seo-example-table td{padding:10px}}