/* steps list base */
.steps {
    list-style: none;
    padding: 0;
    margin: 16px 0 28px;
    display: grid;
    gap: 12px;
    /* 每步驟間距 */
}

/* 每一步做成「卡片」 */
.steps__item {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 14px;
    padding: 14px 14px 12px;
    position: relative;
}

/* 左側數字徽章（用 counter） */
.steps {
    counter-reset: step;
}

.steps__item::before {
    counter-increment: step;
    content: counter(step);
    position: absolute;
    top: 12px;
    left: 12px;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    font-weight: 700;
    font-size: 14px;
    background: rgba(0, 0, 0, .06);
}

/* 標題/內文分層，避免「全部同一坨」 */
.steps__title {
    margin: 0 0 6px;
    padding-left: 40px;
    /* 避開數字徽章 */
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
}

.steps__text {
    margin: 0;
    padding-left: 40px;
    font-size: 15px;
    line-height: 1.8;
    /* 這個最關鍵：讓字不擠 */
    letter-spacing: 0.2px;
    color: rgba(0, 0, 0, .78);
}

/* 小螢幕再放鬆一點 */
@media (max-width: 640px) {
    .steps__item {
        padding: 14px 12px 12px;
    }

    .steps__title {
        font-size: 15px;
    }

    .steps__text {
        font-size: 14.5px;
        line-height: 1.85;
    }
}