.font-body-lg,
.font-body-md,
.font-label-caps {
    font-family: Inter, Segoe UI, Roboto, Arial, sans-serif;
}

.font-headline-lg,
.font-headline-md,
.font-headline-xl {
    font-family: "Space Grotesk", "Segoe UI", Roboto, Arial, sans-serif;
}

.local-symbol {
    align-items: center;
    border: 1px solid rgba(0, 227, 253, 0.45);
    box-shadow: inset 0 0 16px rgba(0, 227, 253, 0.08);
    display: inline-flex;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.9rem;
    font-weight: 700;
    height: 2.5rem;
    justify-content: center;
    letter-spacing: 0.06em;
    line-height: 1;
    width: 2.5rem;
}

.nav-link {
    border-bottom-color: transparent !important;
    position: relative;
}

.nav-link::after {
    background: #00e3fd;
    bottom: -0.45rem;
    box-shadow: 0 0 12px rgba(0, 227, 253, 0.45);
    content: "";
    height: 2px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transform: scaleX(0.2);
    transform-origin: center;
    transition: transform 180ms ease, opacity 180ms ease;
}

.nav-link.is-nav-active::after,
.nav-link[aria-current="page"]::after {
    opacity: 1;
    transform: scaleX(1);
}