/* Shared navigation also styles the home inline shell. Native details works without JS. */
.site-guides > summary { list-style: none; display: flex; align-items: center; gap: .35rem; padding: .5rem 0; }
.site-guides > summary::-webkit-details-marker { display: none; }
.site-guides > summary::after { content: "▾"; }
.site-guides[open] > summary::after { content: "▴"; }
.guides-menu { position: absolute; right: 0; top: 100%; width: 17rem; max-height: 65vh; overflow: auto; z-index: 60; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #38bdf8; outline-offset: 4px; }
@media (max-width: 767px) {
  header > div { flex-wrap: wrap; gap: .75rem; }
  header > div > div:last-child { flex-wrap: wrap; }
  .site-guides { position: static; }
  .guides-menu { position: absolute; left: 1rem; right: 1rem; width: auto; }
}
/* Article-only rules leave the shared shell and its utility classes intact. */
.seo-page main { line-height: 1.8; }
.seo-page article h1 { font-size: clamp(1.9rem, 5vw, 2.8rem); font-weight: 800; line-height: 1.2; margin-bottom: 1.5rem; }
.seo-page main h2 { font-size: 1.4rem; font-weight: 700; margin: 1.5rem 0 .75rem; }
.seo-page main h3 { font-size: 1.05rem; font-weight: 700; margin-top: 1rem; }
.seo-page main p { color: #cbd5e1; margin: 1rem 0; }
html.light .seo-page main p { color: #475569; }
.seo-page main a { color: #38bdf8; text-decoration: underline; text-underline-offset: .2em; }
html.light .seo-page main a { color: #0369a1; }
.seo-page main .seo-cta { display: inline-block; background: #0284c7; color: #fff; padding: .65rem 1.1rem; border-radius: .6rem; font-weight: 700; text-decoration: none; }
.seo-page main nav { margin-top: 2rem; padding: 1.5rem; border-radius: 1rem; }
.seo-page main nav ul { display: grid; gap: .6rem; }
.seo-page #backend-status-pill { display: none; }