/* 창업 절차 체크리스트 /guide/ — templates/pages/guide.html (10-08) */
.steps { counter-reset: st; display: grid; gap: 12px; }
.steps > li { counter-increment: st; padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--r-s); background: #fff; }
.st { display: flex; align-items: center; gap: 10px; cursor: pointer; }
.st input { width: 20px; height: 20px; accent-color: var(--blue); flex: 0 0 auto; }
.st-h { font-size: 17px; font-weight: 800; color: var(--text); }
.st-h::before { content: counter(st) ". "; color: var(--blue); }
.st input:checked + .st-h { color: var(--text-3); text-decoration: line-through; }
.st-b { margin: 8px 0 0 30px; font-size: 15px; line-height: 1.7; color: var(--text-2); }
.st-b ul { display: grid; gap: 6px; padding-left: 18px; list-style: disc; }
.st-b .muted { font-size: 13.5px; margin-top: 6px; }
/* 술집 비교표 — 휴대폰에서는 다섯 칸이 좁아 줄마다 카드로 쌓는다 (10-13) */
@media (max-width: 640px) {
  .bar-t, .bar-t tbody, .bar-t tr, .bar-t td { display: block; width: auto; }
  .bar-t thead { display: none; }
  .bar-t tr { padding: 12px 0; border-top: 1px solid var(--line); }
  .bar-t td { padding: 3px 0; border: 0; font-size: 15px; line-height: 1.6; }
  .bar-t td::before { content: attr(data-l); display: inline-block; min-width: 92px; margin-right: 8px; font-size: 12.5px; font-weight: 700; color: var(--text-3); }
  .bar-t td:first-child { font-weight: 800; font-size: 16px; } .bar-t td:first-child::before { display: none; }
}