/* Nunu Builds · V7 · shell compartido.
   Casi todo el estilo vive en clases de Tailwind (inyectadas por site-shell.js
   y por los templates). Esto queda solo para lo que Tailwind no resuelve con
   clases utilitarias: el truco de foco del skip-link y el outline global. */

.skip-link{
  position:fixed;left:14px;top:10px;z-index:9999;
  transform:translateY(-180%);
  background:#2d8cf0;color:#07090e;
  padding:8px 12px;border-radius:6px;
  font-weight:600;text-decoration:none;
}
.skip-link:focus{transform:none}

button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{
  outline:2px solid #2d8cf0;outline-offset:2px;
}

/* validate-build.js exige el literal <nav class="breadcrumbs"> sin clases
   Tailwind adicionales en el mismo atributo, asi que el estilo va aca. */
.breadcrumbs{display:flex;gap:0.5rem;align-items:center;font-size:0.75rem;color:#3e5068}
.breadcrumbs a{color:#3e5068;text-decoration:none}
.breadcrumbs a:hover{color:#7a8fa8}
.breadcrumbs [aria-current]{color:#7a8fa8}