.seo-page{max-width:1000px}.seo-page>header{margin:28px 0}.seo-page h1{font-size:clamp(26px,4vw,38px)}.seo-page p,.seo-page li{font-size:15px}.seo-page section,.seo-overview{margin-top:30px}.seo-overview{border-top:1px solid var(--line);padding-top:25px}.seo-overview h2{font-size:20px}.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.seo-card{display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);padding:12px;border-radius:12px;background:#fff;text-decoration:none;min-width:0}.seo-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:7px}.seo-card span{font-size:13px;color:var(--muted)}.seo-links{display:flex;flex-wrap:wrap;gap:9px 18px;font-size:14px;margin:16px 0}.seo-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.seo-comparison figure{margin:0;min-width:0}.seo-comparison img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:9px}.seo-comparison figcaption{font-size:12px;margin-top:5px}.seo-action{display:inline-block;padding:10px 16px;border-radius:8px;background:var(--accent);color:#fff;text-decoration:none}.seo-action:hover{color:#fff}.seo-page .back-link{font-size:14px}.seo-page ul{padding-left:1.4em}@media(max-width:460px){.seo-grid{grid-template-columns:1fr 1fr;gap:10px}.seo-card{padding:8px}.seo-card strong{font-size:14px}.seo-comparison{gap:7px}.seo-comparison figcaption{font-size:11px}.seo-page p,.seo-page li{font-size:14px}}
.seo-card{max-width:280px}
.seo-example-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.seo-example-sample{min-width:0}.seo-example-sample h3{font-size:15px;margin:0 0 9px}.seo-example-samples .seo-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.seo-example-samples{grid-template-columns:1fr;gap:22px}}