/* Search guides and crawlable language navigation; no tracking or external assets. */
.seo-guides { max-width: 1280px; margin: 0 auto; padding: 2.5rem clamp(1rem, 4vw, 3rem); }
.seo-guides h2 { font-size: clamp(1.45rem, 3vw, 2rem); margin: 0 0 1rem; }
.seo-guides p { max-width: 75ch; color: #425475; line-height: 1.7; }
.seo-guide-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; padding: 0; list-style: none; }
.seo-guide-links a { display: block; height: 100%; padding: 1.1rem; border: 1px solid #dbe3f0; border-radius: 12px; color: #163888; background: #f7f9fe; line-height: 1.5; }
.seo-guide-links a:hover { border-color: #315ee8; }
.seo-languages { max-width: 1280px; margin: 0 auto 2rem; padding: 0 1.5rem; font-size: .875rem; }
.seo-languages summary { cursor: pointer; color: #425475; padding: .6rem 0; }
.seo-languages nav { display: flex; flex-wrap: wrap; gap: .5rem 1rem; padding: .75rem 0; }
.seo-languages a { color: #28468b; text-decoration: underline; text-underline-offset: 3px; }
.seo-guide { max-width: 860px; padding: 2rem 1.25rem 4rem; margin: auto; color: #142c53; line-height: 1.75; overflow-wrap: anywhere; }
.seo-guide h1 { font-size: clamp(1.9rem, 5vw, 3rem); line-height: 1.2; letter-spacing: -.02em; margin: 1.5rem 0; }
.seo-guide h2 { font-size: 1.45rem; line-height: 1.3; margin-top: 2.2rem; }
.seo-guide h3 { font-size: 1.12rem; }
.seo-guide p, .seo-guide li { max-width: 76ch; }
.seo-guide a { color: #244dc0; text-decoration: underline; text-underline-offset: 3px; }
.seo-guide .button { color: #fff; text-decoration: none; }
.seo-guide .button-secondary { color: #163888; }
.seo-guide .seo-lead { font-size: 1.16rem; color: #425475; }
.seo-guide .seo-compatibility { padding: 1rem 1.25rem; border-inline-start: 3px solid #315ee8; background: #f3f6fd; }
.seo-guide .seo-toc { padding: 1rem 1.5rem; border: 1px solid #dbe3f0; border-radius: 12px; }
.seo-guide .seo-toc ol { margin-bottom: 0; }
.seo-guide .seo-cta { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1.5rem 0; }
.seo-guide .seo-fine { font-size: .9rem; color: #52637e; }
.seo-guide details { border-bottom: 1px solid #dbe3f0; padding: 1rem 0; }
.seo-guide summary { cursor: pointer; font-weight: 600; }
.seo-guide .seo-guide-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
.seo-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; max-width: 1100px; padding: 1.2rem; margin: auto; border-bottom: 1px solid #e3e8f1; }
.seo-header img { width: 155px; height: auto; }
.seo-header nav { display: flex; flex-wrap: wrap; gap: 1rem; font-size: .95rem; }
.seo-header a { color: #163888; }
.seo-footer { max-width: 860px; margin: auto; padding: 1.5rem 1.25rem; border-top: 1px solid #e3e8f1; font-size: .875rem; color: #52637e; }
.seo-footer a { color: #244dc0; }
:where(.seo-guide,.seo-header,.seo-languages,.seo-guides) a:focus-visible, .seo-languages summary:focus-visible { outline: 3px solid #315ee8; outline-offset: 4px; }
@media (max-width: 650px) {
  .seo-guide-links, .seo-guide .seo-guide-links { grid-template-columns: 1fr; }
  .seo-guide .seo-cta > a { width: 100%; text-align: center; white-space: normal; }
}