/* 리호클린 지역 입주청소 글: 표, 출처, 옆 칸 상담 카드 (2026-10-25) */
.rg-article .rg-table-wrap { margin: 18px 0 8px; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid #d9dfd2; border-radius: 14px; background: #fffdf8; }
.rg-article .rg-table-wrap table { width: 100%; min-width: 520px; margin: 0; border-collapse: collapse; font-size: .93rem; line-height: 1.6; word-break: keep-all; }
.rg-article .rg-table-wrap th { background: #082d21; color: #c9e66e; text-align: left; font-weight: 800; padding: 11px 14px; white-space: nowrap; }
.rg-article .rg-table-wrap td { padding: 11px 14px; border-top: 1px solid #e3e8dc; vertical-align: top; }
.rg-article .rg-table-wrap tr:nth-child(even) td { background: #f6f3ea; }
.rg-article .rg-sources { padding-left: 1.1em; font-size: .9rem; }
.rg-article .rg-sources small { color: #68736d; }
.rc-side-call { margin-top: 22px; padding: 18px 16px; border-radius: 18px; background: #082d21; color: #fffdf8; word-break: keep-all; }
.rc-side-call p { margin: 0 0 4px; color: #c9e66e; font-size: .8rem; font-weight: 800; }
.rc-side-call strong { display: block; margin-bottom: 14px; font-size: .98rem; line-height: 1.45; }
.rc-side-call__btn { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 7px 14px 7px 8px; border-radius: 13px; background: #c9e66e; color: #082d21; text-decoration: none; box-shadow: 0 4px 0 #7f9a2d; transition: transform .14s ease, box-shadow .14s ease, background-color .14s ease; }
.rc-side-call__btn img { width: 32px; height: 32px; border-radius: 9px; }
.rc-side-call__btn span { display: grid; line-height: 1.15; }
.rc-side-call__btn small { font-size: .72rem; font-weight: 800; opacity: .85; }
.rc-side-call__btn b { font-size: 1.12rem; font-weight: 900; }
.rc-side-call__btn:hover { background: #d8f283; transform: translateY(-2px); box-shadow: 0 6px 0 #7f9a2d; color: #082d21; }
.rc-side-call__btn:active { transform: translateY(3px); box-shadow: 0 1px 0 #7f9a2d; }
.rc-side-call__btn:focus-visible { outline: 3px solid #082d21; outline-offset: 3px; }
@media (max-width: 1023px) { .rc-side-call { display: none; } }
@media (prefers-reduced-motion: reduce) { .rc-side-call__btn { transition: none; } }
/* 가이드 허브의 지역 글 묶음 */
.rg-hub { max-width: 1200px; margin: 0 auto; padding: clamp(48px, 7vw, 88px) 20px; word-break: keep-all; }
.rg-hub-kicker { margin: 0 0 6px; color: #087a50; font-size: .85rem; font-weight: 800; }
.rg-hub h2 { margin: 0; color: #102f27; font-size: clamp(1.7rem, 3.6vw, 2.6rem); line-height: 1.2; letter-spacing: -.03em; }
.rg-hub-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; margin-top: 26px; }
.rg-hub-card { display: grid; gap: 8px; min-height: 116px; padding: 20px; border: 1px solid #d9dfd2; border-radius: 16px; background: #fffdf8; color: #102f27; text-decoration: none; transition: transform .14s ease, border-color .14s ease; }
.rg-hub-card span { justify-self: start; padding: 3px 10px; border-radius: 999px; background: #082d21; color: #c9e66e; font-size: .78rem; font-weight: 800; }
.rg-hub-card strong { font-size: 1.02rem; line-height: 1.5; }
.rg-hub-card:hover { transform: translateY(-2px); border-color: #087a50; }
.rg-hub-card:focus-visible { outline: 3px solid #087a50; outline-offset: 3px; }
/* 옆 칸이 좁아(약 130~200px) 번호가 줄바뀜 → 세로 배치, 번호 한 줄 */
.rc-side-call__btn { flex-direction: column; align-items: flex-start; gap: 6px; padding: 10px 12px; }
.rc-side-call__btn img { display: none; }
.rc-side-call__btn b { font-size: clamp(.92rem, 1.1vw, 1.08rem); white-space: nowrap; letter-spacing: -.02em; }
/* 지역 글 첫 화면: 리드와 대표 질문 사이 여백 축소(관리 세션 지적, 1440 기준 약 150px) */
@media (min-width: 1024px) {
  .rg-article .article-hero { padding-top: 72px; padding-bottom: 40px; }
  .rg-article .answer-card { margin-bottom: 36px; }
}
/* 허브 권역 묶음 */
.rg-hub-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.rg-hub-nav a { padding: 8px 14px; border-radius: 999px; border: 1px solid #d9dfd2; background: #fffdf8; color: #102f27; font-size: .9rem; font-weight: 800; text-decoration: none; }
.rg-hub-nav a:hover, .rg-hub-nav a:focus-visible { border-color: #087a50; color: #087a50; }
.rg-hub-group { margin: 34px 0 0; color: #102f27; font-size: 1.25rem; font-weight: 800; scroll-margin-top: 90px; }
