/* หน้าเช่าคอนโดตามเขต 16 หน้า (5d-B 2026-10-20 · rh_area_pages.php · โหลดเฉพาะหน้าเขต) · กล่องแบบเดียวกับกล่องประเภท .rhcat (rh_cards.css) · มือถือคู่กัน */
.rar { display: grid; gap: 10px; background: #fff; border: 1px solid #E3E8F0; border-radius: 14px; padding: 14px 16px; color: #17213A; margin: 4px 0 20px; }
.rar p { margin: 0; }
.rar-stat { display: flex; flex-wrap: wrap; gap: 4px 18px; font-size: 14px; color: #5B6578; }
.rar-stat b { color: #17213A; font-variant-numeric: tabular-nums; }
.rar-av b { color: #0F7A3D; }
.rar-intro { font-size: 14px; line-height: 1.65; color: #36405A; max-width: 980px; }
.rar-more { justify-self: start; border: 0; background: none; padding: 2px 0; color: #1F4FB5; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
.rar-row { display: grid; gap: 6px; }
.rar-rt { margin: 0; font-size: 13px; line-height: 1.4; font-weight: 600; color: #5B6578; }
.rar-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.rar-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 4px 14px; border-radius: 18px; background: #EEF2FB; color: #1F4FB5 !important; font-size: 14px; font-weight: 600; line-height: 1.35; text-decoration: none !important; }
.rar-chip small { font-size: 12px; font-weight: 400; color: #5B6578; font-variant-numeric: tabular-nums; }
.rar-chip:hover, .rar-chip:focus-visible { background: #DDE5F7; }
.rar-chip:focus-visible, .rar-more:focus-visible, .rar-owner a:focus-visible { outline: 2px solid #1F4FB5; outline-offset: 2px; }
.rar-b { margin: 26px 0 34px; gap: 16px; }
.rar-owner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; padding: 12px 14px; border-radius: 12px; background: #F4F6FA; }
.rar-owner p { font-size: 15px; font-weight: 600; color: #17213A; }
.rar-owner a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border-radius: 22px; background: #F2B705; color: #1A2577 !important; font-size: 15px; font-weight: 700; text-decoration: none !important; white-space: nowrap; }
.rar-owner a:hover { background: #FFC52E; }
.breadcrumb.rar-bc > .active { color: #17213A; font-weight: 700; }
@media (max-width: 640px) {
  .rar { padding: 12px 12px; margin-bottom: 16px; }
  .rar-stat { gap: 2px 12px; font-size: 13px; }
  .rar--js .rar-intro { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  .rar--js.rar--open .rar-intro { display: block; }
  .rar-sc { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; margin-right: -12px; padding-right: 12px; scrollbar-width: none; }
  .rar-sc::-webkit-scrollbar { display: none; }
  .rar-sc .rar-chip { flex: none; white-space: nowrap; }
  .rar-chip { min-height: 40px; }
  .rar-owner a { width: 100%; justify-content: center; }
}
@media (min-width: 641px) { .rar-more { display: none; } }