/* 사용 설명서 · 자주 묻는 질문 — service-guide.css 위에 얹는 레이어. */

.guide-step {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0 18px;
    padding: 26px 0;
    border-top: 1px solid #e3e7ef;
}

.guide-step-no {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    color: #fff;
    background: #163f91;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.guide-step-body h2 {
    margin: 4px 0 10px;
    color: #172c57;
    font-size: 18px;
}

.guide-step-body p {
    margin: 0 0 10px;
    color: #303744;
    font-size: 15px;
    line-height: 1.85;
    word-break: keep-all;
}

.guide-step-body p:last-child { margin-bottom: 0; }
.guide-step-body strong { color: #163f91; font-weight: 750; }

/* 어느 화면에서만 되는 기능인지 알린다. */
.guide-badge {
    display: inline-block;
    margin-left: 6px;
    padding: 2px 8px;
    color: #526078;
    background: #eef1f7;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 800;
    vertical-align: middle;
}

.guide-closing {
    margin-top: 8px;
    padding: 22px 24px;
    background: #f3f6fc;
    border-left: 3px solid #163f91;
}
.guide-closing h2 { margin: 0 0 8px; color: #172c57; font-size: 16px; }
.guide-closing p { margin: 0; color: #303744; font-size: 14.5px; line-height: 1.8; }

/* 자주 묻는 질문 */
.faq-item { padding: 24px 0; border-top: 1px solid #e3e7ef; }
.faq-item h2 { margin: 0 0 10px; color: #172c57; font-size: 17px; }
.faq-item p {
    margin: 0;
    color: #303744;
    font-size: 15px;
    line-height: 1.85;
    word-break: keep-all;
}
.faq-item strong { color: #163f91; font-weight: 750; }
.faq-item a, .guide-lead a { color: #163f91; font-weight: 700; }

@media (max-width: 560px) {
    .guide-step {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        padding: 20px 0;
    }
    .guide-step-body h2 { margin-top: 0; font-size: 16.5px; }
    .guide-step-body p { font-size: 14px; }
    .faq-item h2 { font-size: 16px; }
    .faq-item p { font-size: 14px; }
    .guide-closing { padding: 18px 16px; }
}

/* 문서에서 화면 안내로 건너뛰는 줄. */
.guide-live-link { margin: -4px 0 22px; }
.guide-live-link a {
    font-size: 13.5px; font-weight: 700; color: #1f3f8f;
    text-decoration: underline; text-underline-offset: 3px;
}

/* 문서 맨 아래의 최종 수정일. */
.guide-updated { margin-top: 34px; padding-top: 18px; border-top: 1px solid #dfe5ef;
                 color: #7c88a6; font-size: 12.5px; }