[data-colors="primary-light"]{
    .svc-nav{
        .svc-cat{
            &.bg-bx.ulk-bg{
                background-color: #004c77;
            }
        }
    }
}
.svc-nav {
    --svc-nav-arw-s: 0.5rem;

    /* Category list — each category is its own block */
    .svc-nav-list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    /* Category block — clip the body so it respects the rounded corners */
    .svc-cat {
        overflow: hidden;
    }

    /* Header row (summary) */
    .svc-cat > summary {
        cursor: pointer;
        list-style: none;
    }

    .svc-cat > summary::-webkit-details-marker {
        display: none;
    }

    .svc-cat-ttl {
        min-width: 0;
    }

    /* Category icon (hexagon service icons) */
    .svc-cat-icn {
        flex-shrink: 0;
    }

    .svc-cat-icn svg {
        display: block;
        width: 2.25rem;
        height: auto;
    }

    /* Chevron rotates when the section is open */
    .tb-arw {
        flex-shrink: 0;
        color: var(--text-color);
        transition: transform var(--g-trn-sp) var(--g-trn-tf);
    }

    .svc-cat[open] > summary .tb-arw {
        transform: rotate(180deg);
    }

    /* Scrollable service list */
    .svc-scroll {
        list-style: none;
        margin: 0;
        max-height: 24rem;
        overflow-y: auto;
    }

    /* Dividers between service links */
    .svc-scroll .lvl-2 + .lvl-2 {
        border-top: 1px solid hsl(from var(--text-color) h s l / 0.12);
    }

    .svc-scroll .lvl-2 a {
        display: flex;
        align-items: center;
    }

    /* Level-2 link arrow prefix */
    .lvl-2-arw {
        font-size: var(--svc-nav-arw-s);
        flex-shrink: 0;
        color: var(--buttons);
    }
}