﻿:root {
  --brand: #0d6efd;
}

* { box-sizing: border-box; }
body { font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }

.home-hero.grid-2col {
  display: grid;
  grid-template-columns: 1fr 380px;
  gap: 2rem;
  align-items: start;
}

@media (max-width: 991px) {
  .home-hero.grid-2col {
    grid-template-columns: 1fr;
  }
  .desktop-only { display: none !important; }
}

.badge {
  background: rgba(13,110,253,.08);
  color: var(--brand);
  padding: .35rem .6rem;
  border-radius: 999px;
  letter-spacing: .08em;
}

.map-placeholder {
  width: 100%;
  height: 340px;
  background: repeating-linear-gradient(45deg,#f3f6fb,#f3f6fb 10px,#eef2f7 10px,#eef2f7 20px);
  border: 1px solid #e5eaf2;
}

.search-panel .card-header h5 { font-weight: 700; }
.search-panel .form-label { font-weight: 600; }

@media (min-width: 992px) {
  .search-panel {
    position: sticky;
    top: 88px;
  }
}

.card { border: 1px solid #edf0f6; }
.card .ratio { background-image: linear-gradient(180deg, #f8fafc, #eef2f7); }

html, body {
    height: 100%;
}

.sidebar-scroll {
    overflow-y: auto;
    max-height: calc(100vh - 140px);
}

.list-group-item .caret::before {
    content: "▾";
}

.list-group-item[aria-expanded="true"] .caret::before {
    content: "▴";
}

#contentArea {
    background: #fff;
}