/* =================================================================== JUMPNAV section css =================================================================== */
/* In-page anchor pills (Software page groups). */
.jumpnav {
    & .jumpnav__list {
        display: flex; flex-wrap: wrap; justify-content: center;
        gap: var(--sp10);
    }

    & .jumpnav__link {
        display: inline-flex; align-items: center;
        padding: var(--sp10) var(--sp20);
        background: var(--white);
        border-radius: var(--r-full);
        box-shadow: var(--shadow-sm);
        font-family: var(--font-mona);
        font-weight: 500;
        color: var(--ink);
        transition: var(--transition);

        &:is(:hover, :focus-visible) { background: var(--primary); color: var(--white); }
    }
}