/* ── components/numbered-stack.css ──────────────────────
   Component: nf--numbered-stack
   Vertical numbered list inside a single container, items
   separated by thin dividers. Different from cards-in-cols-3:
   items share one outer container.
   ──────────────────────────────────────────────────────── */

.nf--numbered-stack {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nf--numbered-stack__item {
    display: flex;
    gap: var(--spacing4);
    align-items: flex-start;
    padding: var(--spacing4) 0;
    border-bottom: 1px solid var(--fog);
}

.nf--numbered-stack__item:first-child {
    border-top: 1px solid var(--fog);
}

.nf--numbered-stack__num {
    flex: 0 0 auto;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--orange);
    line-height: 1.5;
    min-width: 2.4rem;
    padding-top: 0.2rem;
}

.nf--numbered-stack p {
    margin: 0;
    font-size: 1.5rem;
    color: var(--slate);
    line-height: 1.6;
}

/* Beat global ul/li specificity */
.node--nf .nf--numbered-stack {
    list-style: none !important;
    padding-left: 0;
}

.node--nf .nf--numbered-stack__item {
    padding-left: 0;
    margin-bottom: 0;
}