/* seo-agents blog styles — uses the site's own fonts and colour tokens */
.blog-main{padding-block:calc(var(--topbar-h,72px) + 28px) 110px}
.blog-wrap{width:min(800px,100% - 2 * 20px);margin-inline:auto}
.blog-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0 0 22px;font-size:14px;color:var(--paper-dim)}
.blog-crumbs li+li::before{content:"‹";margin-inline-end:6px;opacity:.6}
.blog-crumbs a{color:var(--paper-dim);text-decoration:none}
.blog-crumbs a:hover{color:var(--heat)}
.blog-article,.blog-head{color:var(--paper);font-family:var(--f-body)}
.blog-article h1,.blog-head h1{font:700 clamp(40px,6vw,68px)/1 var(--f-display);color:var(--paper);margin:6px 0 18px}
.blog-article h2{font:700 clamp(28px,3.6vw,40px)/1.1 var(--f-display);color:var(--heat);margin:46px 0 14px}
.blog-article h3{font-size:21px;font-weight:700;line-height:1.35;margin:28px 0 10px;color:var(--paper)}
.blog-article p,.blog-article li{font-size:18px;line-height:1.8;color:var(--paper)}
.blog-article p{margin:0 0 16px}
.blog-article ul,.blog-article ol{padding-inline-start:24px;margin:0 0 18px}
.blog-article li{margin-block:6px}
.blog-article li::marker{color:var(--heat)}
.blog-article strong{color:var(--paper);font-weight:700}
.blog-article blockquote{margin:14px 0 22px;padding:16px 20px;border-inline-start:4px solid var(--heat);background:rgb(255 255 255 / .04);border-radius:12px}
.blog-article blockquote p:last-child{margin:0}
.blog-article a,.blog-back a,.blog-more a{color:var(--heat);text-decoration:underline;text-underline-offset:3px}
.blog-table{overflow-x:auto;margin:20px 0 26px;border:1px solid var(--line);border-radius:12px}
.blog-table table{border-collapse:collapse;inline-size:100%;min-inline-size:520px;font-size:16px}
.blog-table th,.blog-table td{border-block-end:1px solid var(--line);padding:11px 14px;text-align:start;vertical-align:top;color:var(--paper)}
.blog-table th{background:rgb(255 255 255 / .04);font-weight:700}
.blog-table tr:last-child td{border-block-end:0}
.blog-meta{color:var(--paper-dim);font-size:14px;margin:0 0 6px}
.blog-back{margin-top:40px}
.blog-more{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}
.blog-more h2{font:700 28px/1 var(--f-display);color:var(--paper);margin:0 0 12px}
.blog-more ul{padding-inline-start:20px}
.blog-more li{margin-block:8px;font-size:17px}
.blog-head p{font-size:19px;line-height:1.7;color:var(--paper-dim);margin:0 0 28px}
.blog-list{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.blog-card a{display:block;padding:22px 24px;border:1px solid var(--line);border-radius:16px;text-decoration:none;background:rgb(255 255 255 / .04);transition:border-color .2s,transform .2s}
.blog-card a:hover{border-color:var(--heat);transform:translateY(-2px)}
.blog-card h2{font:700 clamp(24px,3vw,32px)/1.1 var(--f-display);color:var(--paper);margin:0 0 8px}
.blog-card p{color:var(--paper-dim);font-size:17px;line-height:1.65;margin:0 0 8px}
@media (prefers-reduced-motion:reduce){.blog-card a{transition:none}.blog-card a:hover{transform:none}}