/* Match the original portfolio links in both navigation systems. */
.site-nav a {
    color: #b7c6d6;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-decoration: none;
    white-space: nowrap;
    transition: 0.25s ease;
}

.site-nav a[aria-current="page"],
.site-nav a.active {
    color: #f3f7fb;
    text-decoration: underline;
    text-decoration-thickness: .18em;
    text-decoration-color: #4cb8df;
    text-underline-offset: .2em;
}

.site-nav a:hover,
.site-nav a:focus {
    color: #4cb8df;
    border: 1px solid;
    min-height: 52px;
    padding: 0 1.4rem;
    border-radius: 0.5rem;
}

.site-nav a:focus-visible {
    outline: 3px solid #4cb8df;
    outline-offset: 2px;
}

/* Expand the link within narrow gaps without forcing a new wrap on interaction. */
@media (max-width: 900px) {
    .site-nav a {
        border: 1px solid transparent;
        border-radius: 0.5rem;
        margin-inline: -1px;
    }

    .site-nav a:hover,
    .site-nav a:focus {
        padding-inline: 0.25rem;
        margin-inline: calc(-0.25rem - 1px);
    }
}