/*
 * 새 쪽 전용 스타일(2026-10-06 네이버 먼저 판): 증상·보험 질문 안내 19쪽과 누수 홍보 쪽에만 연결된다.
 * 공용 index.css는 바꾸지 않는다(기존 41개 키워드 쪽·홈의 화면은 그대로). 색·글꼴은 index.css의 토큰(var(--…))만 쓴다.
 * 내용은 2026-10-01 허브 작업본 index.css 추가분에서 홈 블록(#symptom-guide) 규칙을 빼고,
 * 바닥글·하단 상담 바 규칙은 .guide-page 안으로만 좁힌 것이다.
 */
.guide-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 18px;font-size:13px;color:var(--muted-foreground)}
.guide-crumbs a{color:#52525b;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.guide-crumbs a:hover{color:var(--primary)}
.guide-answer{max-width:760px;font-size:17px;color:#27272a}
.guide-byline{margin:16px 0 0;font-size:12.5px;color:var(--muted-foreground);line-height:1.6}
.guide-byline b{color:#3f3f46;font-weight:700}
.guide-section{padding:56px 0 8px}
.guide-section h2,.guide-sources h2{margin:12px 0 14px;font-size:clamp(24px,2.6vw,32px);font-weight:900;letter-spacing:-0.04em;line-height:1.25;color:#18181b}
.guide-lead{max-width:760px;margin:0;color:#3f3f46;font-size:16px;line-height:1.8}
.guide-note{max-width:760px;margin:14px 0 0;color:var(--muted-foreground);font-size:13px;line-height:1.65}
.guide-query-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.guide-query-list li{padding:8px 13px;border-radius:8px;background:#ffffff;border:1px solid var(--border);font-size:14px;font-weight:700;color:#27272a}
.guide-query-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.guide-query-groups h3{margin:0 0 10px;font-size:14px;font-weight:800;color:var(--primary)}
.guide-steps{display:grid;gap:12px;margin:0;padding:0;list-style:none;max-width:900px}
.guide-steps li{display:flex;gap:16px;align-items:flex-start;padding:18px 22px;border-radius:12px;background:#ffffff;border:1px solid var(--border);box-shadow:var(--card-shadow)}
.guide-step-no{flex:0 0 auto;font-family:var(--mono);font-size:13px;font-weight:800;color:var(--primary);padding-top:3px}
.guide-steps h3{margin:0 0 6px;font-size:16px;font-weight:800;color:#18181b}
.guide-steps p{margin:0;color:#52525b;font-size:14.5px;line-height:1.7}
.guide-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:14px;border:1px solid var(--border);background:#ffffff;box-shadow:var(--card-shadow)}
.guide-table{width:100%;min-width:620px;border-collapse:collapse;font-size:14px;line-height:1.6}
.guide-table caption{caption-side:top;text-align:left;padding:16px 18px 6px;font-size:15px;font-weight:800;color:#18181b}
.guide-table th,.guide-table td{padding:12px 16px;border-top:1px solid var(--border);text-align:left;vertical-align:top}
.guide-table thead th{background:var(--card-bg-subtle);font-size:12.5px;font-weight:800;color:#52525b}
.guide-table tbody th{font-weight:800;color:#18181b;white-space:normal}
.guide-table td{color:#3f3f46}
.guide-check-list{margin-top:18px}
.guide-check-list li p{font-size:14.5px;line-height:1.55}
.promo-fact-list li p b{display:block;margin-bottom:2px;color:#18181b;font-weight:800}
.guide-avoid-list{display:flex;flex-direction:column;gap:12px;margin:18px 0 0;padding:0;list-style:none}
.guide-avoid-list li{display:flex;gap:12px;align-items:flex-start;padding:16px 20px;border-radius:12px;background:#ffffff;border:1px solid var(--border)}
.guide-avoid-list li svg{flex:0 0 auto;margin-top:2px;color:var(--primary)}
.guide-avoid-list li p{margin:0;font-size:14.5px;line-height:1.6;color:#3f3f46}
.guide-sources{padding-bottom:40px}
.guide-sources ul{display:grid;gap:10px;margin:0;padding:0;list-style:none;max-width:900px}
.guide-sources li{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border-radius:10px;background:#ffffff;border:1px solid var(--border);font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.guide-sources li a{color:#18181b;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.guide-sources li a:hover{color:var(--primary)}
.guide-sources li a svg{display:inline;vertical-align:-1px}
.guide-sources li em{font-style:normal;font-size:12.5px;color:var(--muted-foreground)}
.guide-disclaimer{max-width:900px;margin:16px 0 0;font-size:12.5px;line-height:1.6;color:var(--muted-foreground)}
.guide-more{margin-top:12px;display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-size:13px;font-weight:700}
.guide-card-no{color:var(--primary);font-family:var(--mono);font-size:11px;font-weight:700}
.guide-back{display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0 0}
.guide-back a{display:inline-flex;align-items:center;gap:4px;color:#18181b;font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.guide-back a:hover{color:var(--primary)}
.guide-page .related-links{grid-template-columns:repeat(3,minmax(0,1fr))}
.promo-page .related-links{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){
  .guide-page .related-links,.guide-query-groups{grid-template-columns:1fr}
}
@media (max-width:640px){
  /* 새 쪽에만: 제목과 설명을 위아래로 쌓아 좁은 칸 끼임 방지(기존 섹션은 그대로) */
  .guide-page .section-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:28px}
  .guide-page .section-head > p{max-width:none}
  /* 새 쪽 표: 좁은 화면에서는 줄마다 카드로 쌓아 옆으로 밀지 않아도 다 보이게 */
  .guide-table{min-width:0}
  .guide-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .guide-table tbody tr{display:block;border-top:1px solid var(--border);padding:12px 16px 14px}
  .guide-table tbody th,.guide-table tbody td{display:block;border-top:0;padding:0}
  .guide-table tbody th{margin-bottom:8px;font-size:15px}
  .guide-table tbody td{margin-top:8px}
  .guide-table tbody td::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:12px;font-weight:800;color:var(--muted-foreground)}
  .guide-section{padding:40px 0 4px}
  .guide-answer{font-size:16px}
  .guide-steps li{padding:16px 16px;gap:12px}
  .guide-avoid-list li{padding:14px 16px}
}

/* 사업자 정보(2026-10-01 디렉터 결정 값) — 새 쪽 바닥글 맨 아래 한 줄 전체. 기존 쪽 바닥글은 동결 뒤 따로 */
.guide-page .site-footer{flex-wrap:wrap}
.guide-page .site-footer .footer-biz{flex:0 0 100%;width:100%;margin:2px 0 0;padding-top:16px;border-top:1px solid var(--border);font-size:12px;line-height:1.75;color:#52525b;text-align:left;word-break:keep-all;overflow-wrap:anywhere}
.guide-page .site-footer .footer-biz p{margin:0;font-weight:400}
.guide-page .site-footer .footer-biz .footer-biz-title{margin-bottom:2px;font-weight:700;color:#3f3f46}
@media (max-width:900px){.guide-page .site-footer .footer-biz{flex-basis:auto;text-align:center}}
/* 휴대폰 하단 상담 막대가 새 쪽 바닥글 마지막 줄을 가리지 않도록, 새 쪽에서만 바닥글 아래 여백을 늘린다 */
@media (max-width:640px){.guide-page .mobile-consult-bar ~ .site-footer{padding-bottom:calc(112px + env(safe-area-inset-bottom, 0px))}}