.seo-guide{background:#fff;padding-top:0}
.guide-intro{max-width:850px;margin-bottom:44px}
.guide-intro h2{margin:0 0 18px;font:800 clamp(2rem,4vw,3.35rem)/1.08 var(--font-display);letter-spacing:-.045em}
.guide-intro>p:not(.eyebrow){margin:0 0 15px;color:var(--muted);font-size:1rem}
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.guide-grid article{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.guide-grid h3{margin:12px 0 10px;font:800 1.2rem/1.3 var(--font-display);letter-spacing:-.025em}
.guide-grid p{margin:0;color:var(--muted);font-size:.94rem}
.guide-grid code{padding:1px 5px;border-radius:5px;background:#edf4f3;color:#0a7555;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86em}
.guide-label{color:#0d8a62;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.walkthrough-grid{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr)}
.video-frame{width:min(100%,430px);max-height:none;aspect-ratio:9/16;margin-inline:auto;background:#06121d}
.video-frame video{width:100%;height:100%;object-fit:contain;background:#06121d}
@media (max-width:920px){.walkthrough-grid{grid-template-columns:1fr}.video-frame{width:min(100%,430px)}}
@media (max-width:680px){.guide-grid{grid-template-columns:1fr}.video-frame{width:min(100%,390px);max-height:none;aspect-ratio:9/16}}