/*
 * Pasted directions styles.
 * Pairs with pasted-directions.php.
 */

.pasted-directions {
    margin: 2rem 0;
}

.pasted-directions__heading {
    margin: 0 0 1.5rem;
    color: #6a6a6a;
    /* font-size: clamp(1rem, 4vw, 2rem); */
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.1;
}

.pasted-directions__list {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: pasted-direction-step;
}

.pasted-directions__item {
    counter-increment: pasted-direction-step;
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr);
    column-gap: 1.25rem;
    align-items: start;
    margin: 0 0 1.35rem;
    color: #6a6a6a;
    font-size: 1.25rem;
    line-height: 1.25;
}

.pasted-directions__item::before {
    content: counter(pasted-direction-step);
    display: block;
    color: #b08a00;
    font-weight: 800;
    line-height: 1.15;
    text-align: left;
}

.pasted-directions__text {
    display: block;
}

.pasted-directions__item:last-child {
    margin-bottom: 0;
}

@media (max-width: 640px) {
    .pasted-directions__item {
        grid-template-columns: 1.75rem minmax(0, 1fr);
        column-gap: 0.8rem;
    }
}