/* ═══════════════════════════════════════════════════════════════════════════
   SEO ENGINE · seo.css — layout micro-styles supporting the SEO layer
   (screen-reader utilities, skip link, breadcrumb microdata, print sanity)
   ═══════════════════════════════════════════════════════════════════════════ */
.seo-sr-only {
  position: absolute !important; width: 1px; height: 1px;
  margin: -1px; padding: 0; border: 0;
  clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap;
}
.seo-skip-link {
  position: fixed; top: -48px; left: 12px; z-index: 2147483300;
  padding: 10px 16px; border-radius: 10px;
  background: #0b0f16; color: #cfe7ff; font: 600 13px/1 system-ui, sans-serif;
  letter-spacing: .06em; text-decoration: none;
  border: 1px solid rgba(120, 190, 255, .35);
  transition: top .25s ease;
}
.seo-skip-link:focus-visible { top: 12px; outline: 2px solid #66d9ff; outline-offset: 2px; }

/* visible breadcrumb (optional markup: ol.seo-breadcrumb > li > a) */
.seo-breadcrumb { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; font-size: 12px; letter-spacing: .04em; }
.seo-breadcrumb li { display: inline-flex; align-items: center; gap: 6px; opacity: .82; }
.seo-breadcrumb li + li::before { content: "\203A"; opacity: .5; }
.seo-breadcrumb a { color: inherit; text-decoration: none; }
.seo-breadcrumb a:hover, .seo-breadcrumb a:focus-visible { text-decoration: underline; }

@media print {
  .seo-skip-link { display: none; }
  a[href^="http"]::after { content: " (" attr(href) ")"; font-size: .8em; opacity: .7; }
}