/* v9.13: Blue/red two-colour lockup, visibly separated and accessible. */
:root { --blue:#1455ff; --red:#ef233c; }
.brand { color:var(--blue); }
.brand span { color:#e12735; }
.footer .brand { background:white; padding:3px 9px; display:inline-block; border-radius:7px; color:var(--blue); }
.footer .brand span { color:#e12735; }
/* Editorial images support the content without replacing the useful data visuals. */
.seo-split { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:36px; align-items:center; }
.seo-split.reverse { grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); }
.seo-photo { margin:0; border-radius:16px; overflow:hidden; background:#ebf0fb; border:1px solid var(--line); }
.seo-photo img { display:block; width:100%; height:340px; object-fit:cover; }
.seo-photo figcaption { background:#fff; color:#52627b; font-size:12px; padding:8px 13px; }
.seo-photo figcaption a { text-decoration:underline; text-underline-offset:3px; }
.seo-kicker { font-size:13px; font-weight:800; color:#ef233c; text-transform:uppercase; letter-spacing:.12em; }
.seo-feature-stat { display:flex; flex-wrap:wrap; gap:15px; margin:24px 0; }
.seo-feature-stat > div { flex:1 1 150px; border:1px solid #d7e1f4; background:#fff; padding:16px; border-radius:11px; }
.seo-feature-stat strong { display:block; font:700 clamp(22px,3vw,34px) 'Space Grotesk',sans-serif; color:var(--blue); }
.seo-feature-stat small { display:block; color:var(--muted); font-size:12px; line-height:1.4; }
.seo-guide { max-width:850px; margin:0 auto; }
.seo-guide p, .seo-guide li { line-height:1.75; }
.seo-guide h2 { font-size:clamp(26px,3vw,39px); margin-top:44px; }
.seo-guide h3 { font-size:24px; margin-top:28px; }
.seo-guide a:not(.btn) { color:#0c47c9; text-decoration:underline; text-underline-offset:3px; }
.seo-guide ul, .seo-guide ol { padding-left:24px; }
.seo-resource-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:19px; }
.seo-article-card { border:1px solid var(--line); border-radius:14px; padding:24px; display:flex; flex-direction:column; min-height:240px; background:white; }
.seo-article-card h3 { font-size:23px; }
.seo-article-card a { margin-top:auto; color:var(--blue); font-weight:700; }
.seo-evidence { font-size:13px; color:var(--muted); margin-top:15px; }
.seo-breadcrumb { font-size:13px; margin:0 0 16px; color:var(--muted); }
.seo-breadcrumb a { color:var(--blue); text-decoration:underline; }
.seo-index-list { line-height:1.8; }
.seo-search-intro { background:#f4f7ff; padding:20px 24px; border-radius:12px; border:1px solid #dbe6fb; margin:23px 0; }
.seo-search-intro p { margin-bottom:10px; }
.seo-search-intro a { color:#1455ff; font-weight:700; text-decoration:underline; }
@media(max-width:850px) { .seo-split, .seo-split.reverse { grid-template-columns:1fr; } .seo-resource-grid { grid-template-columns:1fr 1fr; } }
@media(max-width:620px) { .seo-resource-grid { grid-template-columns:1fr; } .seo-photo img { height:250px; } }

/* v9.15: compact, accessible conceptual infographics within editorial guides. */
.seo-visual{margin:30px 0;padding:22px;border:1px solid #dbe4f3;background:#f4f8ff;border-radius:15px}.seo-visual figcaption{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.seo-visual figcaption strong{color:#142f56;font-size:1rem}.seo-visual figcaption span{font-size:.77rem;color:#60738e}.seo-equation,.seo-journey{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.seo-equation>div,.seo-journey>div{background:#fff;padding:12px;border:1px solid #dce5f4;border-radius:10px;flex:1;min-width:125px;display:flex;flex-direction:column;gap:7px}.seo-equation>b{align-self:center;color:#315be8}.seo-equation strong{font-size:1.5rem;color:#1555ee}.seo-equation small,.seo-journey small{color:#536981;line-height:1.45}.seo-equation .seo-equation-total{background:#e8f0ff;border-color:#95b6ff}.seo-journey b{color:#1555ee;font-size:.77rem}.seo-journey strong{color:#21395e}.seo-stacked{display:flex;width:100%;min-height:45px;border-radius:8px;overflow:hidden;color:white;font-weight:800}.seo-stacked span{display:flex;align-items:center;justify-content:center}.seo-visual>p{margin-bottom:0;font-size:.83rem}@media(max-width:650px){.seo-journey{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.seo-equation>b{display:none}}