.blog-card-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin:0 0 25px;background:var(--surface)}
.blog-featured{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:38px;align-items:start}
.blog-featured .blog-card-image{grid-column:1;grid-row:1/5;margin:0;align-self:center}
.blog-featured>:not(img){grid-column:2}
.blog-cover{max-width:940px;margin:0 0 50px}
.blog-cover img{margin:0;border-radius:18px}
.blog-cover figcaption,.seo-diagram figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:13px}
.seo-diagram{margin:34px 0;padding:24px 0;border-block:1px solid var(--line)}
.seo-diagram ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;list-style:none;padding:0;margin:0;counter-reset:step}
.seo-diagram li{counter-increment:step;margin:0;padding:18px 15px;background:var(--surface);border-radius:12px;min-width:0}
.seo-diagram li:before{content:"0" counter(step);font-size:13px;color:var(--accent);display:block;margin-bottom:14px}
.seo-diagram b{display:block;font-size:17px;line-height:1.35;margin-bottom:9px}
.seo-diagram span{display:block;color:var(--muted);font-size:14px;line-height:1.6}
.seo-resources{margin:38px 0;padding:24px 28px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 12px 12px 0}
.seo-resources h2{font-size:23px;margin:0 0 15px}
.seo-resources p,.seo-resources li{font-size:16px}
.seo-page{padding-block:50px 80px}
.seo-page-heading{max-width:940px;margin-bottom:32px}
.seo-page-heading h1{font-size:clamp(34px,4.5vw,60px);line-height:1.12;letter-spacing:-.035em;margin:20px 0 24px;overflow-wrap:break-word}
.seo-page-heading .blog-lead{max-width:850px}
.seo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.seo-summary{max-width:940px;margin:0 0 35px;padding:23px 28px;background:var(--surface);border:1px solid var(--line);border-radius:14px;color:var(--muted);font-size:17px;line-height:1.7}
.seo-summary strong{color:var(--ink)}
.seo-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px}
.seo-hub-card{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.seo-hub-card h2{font-size:25px;margin:0 0 14px;line-height:1.3}
.seo-hub-card p{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:22px}
.seo-catalog-links{margin-block:45px 0;padding-top:30px;border-top:1px solid var(--line)}
.seo-catalog-links h2{font-size:28px;line-height:1.3;margin-bottom:16px}
.seo-catalog-links p{color:var(--muted);line-height:1.7;max-width:760px}
.seo-catalog-links ul{display:flex;flex-wrap:wrap;list-style:none;gap:12px 24px;padding:0;margin:22px 0}
.seo-catalog-links a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.seo-read-marker{height:1px;display:block}
@media(max-width:760px){.blog-featured{display:flex;padding:25px;gap:0}.blog-featured .blog-card-image{margin-bottom:25px}.blog-cover{margin-bottom:30px}.seo-diagram ol{grid-template-columns:1fr}.seo-diagram li{padding:17px 20px}.seo-diagram li:before{margin-bottom:8px}.seo-page{padding-block:32px 50px}.seo-hub-grid{grid-template-columns:1fr}.seo-actions .button{width:100%}.seo-resources{padding:22px}.seo-summary{padding:22px;font-size:16px}}
@media print{.blog-card-image{max-height:170px;object-fit:contain}.blog-cover{max-width:440px}.seo-actions{display:none}.seo-diagram ol{grid-template-columns:repeat(3,minmax(0,1fr))}}