/* EWB 설명서 v2 전용 덧칠. 공통 부품(guide-motion.css·guide-v2.css)은 감사 정본 그대로 두고 여기서만 더한다. */
/* 읽는 카드 안 그림: 설명 바로 아래에 둔다. */
.read-block > .shot, .read-block > .pane-row { margin-top:14px; }
/* 첫 화면 쓰는 순서: 누르는 단추가 아니라 순서 표시(테두리·배경 없음). */
.ewb-flow { display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; margin:14px 0 0; padding:0; list-style:none; counter-reset:ewb-flow; }
.ewb-flow li { counter-increment:ewb-flow; display:inline-flex; align-items:center; gap:7px; font-weight:700; font-size:.98rem; color:var(--ink); }
.ewb-flow li::before { content:counter(ewb-flow); display:inline-grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--brand-soft); color:var(--brand); font-size:.82rem; }
.ewb-flow li + li::before { margin-left:0; }
.ewb-flow li + li { position:relative; padding-left:22px; }
.ewb-flow li.is-repeat { color:var(--brand); }
.ewb-flow li.is-repeat::before { content:"↻"; background:var(--brand); color:#fff; }
/* 처음 순서 카드 4장(다시 쓰기 포함)을 한 줄에. 좁으면 auto-fit 으로 줄바꿈 */
[data-guide-group="start"] .start-steps { grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); }
.ewb-flow li + li::after { content:"→"; position:absolute; left:2px; color:var(--muted); font-weight:400; }
.hero .lead { margin-top:6px; }
/* 결과물 미리보기: 잘린 아랫줄이 보이지 않게 아래를 흐린다. */
.hero .result-thumb .crop { position:relative; }
.hero .result-thumb .crop::after { content:""; position:absolute; left:0; right:0; bottom:0; height:46px; background:linear-gradient(rgba(255,255,255,0), #fff); pointer-events:none; }
.ewb-downloads { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 6px; padding:0; list-style:none; }
.ewb-downloads .btn { gap:8px; }
.ewb-downloads .btn span { color:var(--brand); }
@media (max-width:560px) { .ewb-downloads .btn { width:100%; justify-content:center; } }
/* 다른 사례: 접힌 칸 사이 간격 */
.ewb-more { margin:12px 0; }
.ewb-more > summary { font-weight:700; cursor:pointer; }