.section-enterwapp[data-node].numbering-highlight {
    width: 100%;
    overflow: visible;
}

.section-enterwapp[data-node].numbering-highlight .nh-wrap {
    position: relative;
    background: var(--nh-bg, #e7e8ec);
    padding: var(--nh-pad, 60px) 0;
    border-bottom: var(--nh-border-width, 0px) solid var(--nh-border-color, transparent);
}

.section-enterwapp[data-node].numbering-highlight .nh-container {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: repeat(var(--nh-cols-desktop, 4), minmax(0, 1fr));
    gap: var(--nh-gap, 20px);
    align-items: center;
}

.section-enterwapp[data-node].numbering-highlight .nh-item {
    min-width: 0;
    text-align: var(--nh-align, center);
}

.section-enterwapp[data-node].numbering-highlight .nh-number,
.section-enterwapp[data-node].numbering-highlight .nh-text-before,
.section-enterwapp[data-node].numbering-highlight .nh-text-after {
    color: var(--nh-number, #1026a8);
    font-family: var(--nh-number-font, inherit);
}

.section-enterwapp[data-node].numbering-highlight .nh-number {
    font-size: var(--nh-number-size, 48px);
    font-weight: var(--nh-number-weight, 500);
    line-height: 1.05;
    letter-spacing: -0.02em;
    white-space: nowrap;
}

.section-enterwapp[data-node].numbering-highlight .nh-text-before,
.section-enterwapp[data-node].numbering-highlight .nh-text-after {
    font-size: calc(var(--nh-label-size, 24px) * .8);
    line-height: 1.3;
}

.section-enterwapp[data-node].numbering-highlight .nh-text-before { margin-bottom: 6px; }
.section-enterwapp[data-node].numbering-highlight .nh-text-after { margin-top: 6px; }

.section-enterwapp[data-node].numbering-highlight .nh-label {
    margin-top: var(--nh-label-gap, 14px);
    color: var(--nh-label, #1026a8);
    font-family: var(--nh-label-font, inherit);
    font-size: var(--nh-label-size, 24px);
    font-weight: var(--nh-label-weight, 400);
    line-height: 1.25;
}

.section-enterwapp[data-node].numbering-highlight .nh-shape-center_notch::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(-1 * var(--nh-notch-depth, 22px) - var(--nh-border-width, 2px));
    width: min(var(--nh-notch-width, 520px), 90%);
    height: calc(var(--nh-notch-depth, 22px) + var(--nh-border-width, 2px));
    transform: translateX(-50%);
    background: var(--nh-bg, #e7e8ec);
    clip-path: polygon(0 0, 5% 100%, 95% 100%, 100% 0);
    border-bottom: var(--nh-border-width, 2px) solid var(--nh-border-color, #20a9c3);
    pointer-events: none;
    z-index: 2;
}

.section-enterwapp[data-node].numbering-highlight .nh-shape-none::after {
    display: none;
}

@media (max-width: 991px) {
    .section-enterwapp[data-node].numbering-highlight .nh-container {
        grid-template-columns: repeat(var(--nh-cols-tablet, 2), minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .section-enterwapp[data-node].numbering-highlight .nh-wrap {
        padding-top: calc(var(--nh-pad, 60px) * .75);
        padding-bottom: calc(var(--nh-pad, 60px) * .75);
    }
    .section-enterwapp[data-node].numbering-highlight .nh-container {
        padding: 0 16px;
        grid-template-columns: repeat(var(--nh-cols-mobile, 2), minmax(0, 1fr));
    }
    .section-enterwapp[data-node].numbering-highlight .nh-number {
        font-size: clamp(30px, 9vw, var(--nh-number-size, 48px));
    }
    .section-enterwapp[data-node].numbering-highlight .nh-label {
        font-size: clamp(15px, 4vw, var(--nh-label-size, 24px));
    }
    .section-enterwapp[data-node].numbering-highlight .nh-shape-center_notch::after {
        width: min(var(--nh-notch-width, 520px), 82%);
    }
}

@media (max-width: 420px) {
    .section-enterwapp[data-node].numbering-highlight .nh-container { padding: 0 12px; }
}