.seo-guide-hero{border-bottom:1px solid var(--trail-line);padding:48px 0 72px}.seo-guide-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);align-items:center;gap:64px;display:grid}.seo-guide-hero h1{max-width:720px;margin:12px 0 0;font-size:clamp(48px,5.3vw,72px);line-height:1.02}.seo-guide-summary{max-width:650px;color:var(--trail-muted);margin:22px 0 0;font-size:18px;line-height:1.65}.seo-guide-hero .trail-actions{flex-wrap:wrap;margin-top:30px}.seo-guide-hero figure{margin:0}.seo-guide-hero figure img{border:2px solid var(--trail-ink);border-radius:7px;width:100%;height:auto;display:block;transform:rotate(.35deg);box-shadow:9px 11px #241a3d21}.seo-guide-hero figcaption{color:var(--trail-muted);margin:16px 8px 0;font-size:12px;line-height:1.5}.seo-guide-body{background:#ffffff85;padding:84px 0 94px}.seo-guide-layout{grid-template-columns:220px minmax(0,780px);justify-content:center;gap:80px;display:grid}.seo-guide-layout>aside{align-self:start;position:sticky;top:112px}.seo-guide-layout>aside ol{border-top:1px solid var(--trail-line);gap:0;margin:18px 0 0;padding:0;list-style:none;display:grid}.seo-guide-layout>aside li{border-bottom:1px solid var(--trail-line);padding:13px 0}.seo-guide-layout>aside a{color:var(--trail-ink);font-size:13px;font-weight:700;line-height:1.4;text-decoration:none}.seo-guide-content>section{border-bottom:1px solid var(--trail-line);grid-template-columns:48px minmax(0,1fr);gap:18px;margin-bottom:44px;padding-bottom:44px;scroll-margin-top:100px;display:grid}.seo-guide-content>section:last-child{margin-bottom:0}.seo-guide-content>section>span{color:var(--trail-orange-dark);padding-top:7px;font-size:12px;font-weight:850}.seo-guide-content h2,.seo-comparison h2,.seo-guide-faq h2,.seo-guide-related h2{margin:0;font-size:38px;line-height:1.12}.seo-guide-content p{color:var(--trail-muted);margin:16px 0 0;font-size:17px;line-height:1.8}.seo-comparison,.seo-guide-faq,.seo-guide-related{padding:78px 0}.seo-comparison{border-top:1px solid var(--trail-line)}.seo-comparison h2,.seo-guide-related h2{margin-top:8px}.seo-comparison-table-wrap{border:1px solid var(--trail-line);margin-top:32px;overflow-x:auto}.seo-comparison table{border-collapse:collapse;background:#ffffff85;width:100%;min-width:680px}.seo-comparison th,.seo-comparison td{border-bottom:1px solid var(--trail-line);text-align:left;padding:18px}.seo-comparison thead th{color:var(--trail-ink);background:var(--trail-yellow)}.seo-comparison tbody th{color:var(--trail-ink)}.seo-comparison td{color:var(--trail-muted)}.seo-guide-faq{border-block:1px solid var(--trail-line);background:#ffffff85}.seo-guide-faq-grid{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:80px;display:grid}.seo-guide-faq details{border-bottom:1px solid var(--trail-line)}.seo-guide-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:68px;font-size:18px;font-weight:800;list-style:none;display:flex}.seo-guide-faq summary:after{color:var(--trail-orange-dark);content:"+";font-size:24px}.seo-guide-faq details[open] summary:after{content:"-"}.seo-guide-faq p{color:var(--trail-muted);margin:0;padding:0 32px 22px 0;line-height:1.7}.seo-guide-related>.trail-container>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px;display:grid}.seo-guide-related a{min-height:156px;color:var(--trail-ink);border:1px solid var(--trail-line);background:#ffffff73;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-content:space-between;gap:14px;padding:23px;text-decoration:none;display:grid}.seo-guide-related a:hover{border-color:var(--trail-ink)}.seo-guide-related a span{color:var(--trail-orange-dark);text-transform:uppercase;grid-column:1/-1;font-size:11px;font-weight:850}.seo-guide-related a strong{align-self:end;line-height:1.3}.seo-guide-related a svg{color:var(--trail-green);align-self:end}@media (max-width:960px){.seo-guide-hero-grid,.seo-guide-layout,.seo-guide-faq-grid{grid-template-columns:1fr;gap:44px}.seo-guide-layout>aside{position:static}.seo-guide-related>.trail-container>div{grid-template-columns:1fr}}@media (max-width:700px){.seo-guide-hero{padding:34px 0 52px}.seo-guide-hero h1{font-size:43px}.seo-guide-body,.seo-comparison,.seo-guide-faq,.seo-guide-related{padding:58px 0}.seo-guide-content>section{grid-template-columns:1fr;gap:10px}.seo-guide-content h2,.seo-comparison h2,.seo-guide-faq h2,.seo-guide-related h2{font-size:32px}.seo-guide-hero .trail-button,.seo-guide-hero .trail-secondary-button{width:100%}}
