/* 읽을거리(검색 글, 10-17): 문서 틀(legal.css) 위에 글 쪽에만 필요한 것. 전화 버튼은 홈과 같은 .hero-call-btn, 힘들 때 번호 상자는 .care-note(story.css) */
.guide-crumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--s-2);
  margin-bottom: var(--s-4);
  font-size: var(--t-small-size);
  line-height: var(--t-small-lh);
  color: var(--text-meta);
}

.guide-crumb a {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  color: var(--text-secondary);
}

.guide-lead {
  display: grid;
  gap: var(--s-2);
  font-size: var(--t-lead-size);
  line-height: var(--t-lead-lh);
  color: var(--text-primary);
}

/* 소제목 없이 첫 문단 바로 밑에 놓인 요약 표 */
.guide article > .table-scroll {
  margin-bottom: var(--s-6);
}

.guide-ol {
  display: grid;
  gap: var(--s-2);
  padding-left: 1.5em;
  list-style: decimal;
}

/* 글 중간·끝 전화 칸 */
.guide-call {
  display: grid;
  gap: var(--s-3);
  justify-items: start;
  margin-bottom: var(--s-6);
  padding: var(--s-5);
  border-radius: var(--r-card);
  background: var(--bg-sheet);
}

.guide-call > p:first-child {
  font-weight: var(--weight-semibold);
}

/* 힘들 때 번호 상자: .care-note에 목록만 더한다 */
.guide-help {
  display: grid;
  gap: var(--s-2);
  margin: 0 0 var(--s-6);
}

.guide-help ul {
  display: grid;
  gap: var(--s-1);
  padding-left: 1.25em;
  list-style: disc;
}

.guide-help li {
  color: var(--text-secondary);
}

/* 표: 좁은 화면에서 칸 사이를 조금 좁힌다 */
.guide th,
.guide td {
  padding-right: var(--s-3);
}

.guide-more,
.guide-refs {
  display: grid;
  gap: var(--s-3);
  padding-top: var(--s-5);
  border-top: 1px solid var(--line);
}

.guide-more {
  margin-top: var(--s-2);
}

.guide-more h2,
.guide-refs h2 {
  font-size: var(--t-body-size);
  line-height: var(--t-body-lh);
  font-weight: var(--weight-bold);
}

.guide-more ul {
  display: grid;
}

.guide-more a {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  font-weight: var(--weight-semibold);
  color: var(--text-primary);
}

.guide-refs {
  margin-top: var(--s-5);
  font-size: var(--t-meta-size);
  line-height: var(--t-meta-lh);
  color: var(--text-meta);
}

.guide-refs ul {
  display: grid;
  gap: var(--s-2);
  padding-left: 1.25em;
  list-style: disc;
}

.guide-refs a {
  color: var(--text-secondary);
  word-break: break-all;
}

/* 모음 쪽 글 목록 */
.guide-list {
  display: grid;
  margin-bottom: var(--s-6);
  border-top: 2px solid var(--line-strong);
}

.guide-list li {
  display: grid;
  gap: var(--s-1);
  padding-block: var(--s-4);
  border-bottom: 1px solid var(--line);
}

.guide-list h2 {
  font-size: var(--t-h3-size);
  line-height: var(--t-h3-lh);
  font-weight: var(--weight-bold);
}

.guide-list h2 a {
  color: var(--text-primary);
}

.guide-list p {
  color: var(--text-secondary);
  font-size: var(--t-small-size);
  line-height: var(--t-small-lh);
}