astro-island,astro-slot,astro-static-slot{display:contents}

.nav-button {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.4rem 1rem;
    border-radius: var(--rounded, 999px);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    border: 1px solid var(--nv-light-grey-3, #DDDDDD);
    color: var(--nv-color-black, #000000);
    background: transparent;
    transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;
    white-space: nowrap;
}
.nav-button:hover {
    border-color: var(--nv-color-green, #74B900);
    color: var(--nv-color-green, #74B900);
}
.dark .nav-button {
    color: var(--nv-color-white, #FFFFFF);
    border-color: var(--nv-dark-grey-4, #333333);
}
.dark .nav-button:hover {
    border-color: var(--nv-color-green, #74B900);
    color: var(--nv-color-green, #74B900);
}



  .mermaid-container-static text { font-family: inherit; }
  svg {
    /* Derived from --bg and --fg (overridable via --line, --accent, etc.) */
    --_text:          var(--fg);
    --_text-sec:      var(--muted, color-mix(in srgb, var(--fg) 60%, var(--bg)));
    --_text-muted:    var(--muted, color-mix(in srgb, var(--fg) 40%, var(--bg)));
    --_text-faint:    color-mix(in srgb, var(--fg) 25%, var(--bg));
    --_line:          var(--line, color-mix(in srgb, var(--fg) 50%, var(--bg)));
    --_arrow:         var(--accent, color-mix(in srgb, var(--fg) 85%, var(--bg)));
    --_node-fill:     var(--surface, color-mix(in srgb, var(--fg) 3%, var(--bg)));
    --_node-stroke:   var(--border, color-mix(in srgb, var(--fg) 20%, var(--bg)));
    --_group-fill:    var(--bg);
    --_group-hdr:     color-mix(in srgb, var(--fg) 5%, var(--bg));
    --_inner-stroke:  color-mix(in srgb, var(--fg) 12%, var(--bg));
    --_key-badge:     color-mix(in srgb, var(--fg) 10%, var(--bg));
  }