/* ===== RENT INCREASES PAGE (market coverage) ===== */

.markets-lede{max-width:760px}

.market-search-wrap{margin:44px 0 6px;max-width:420px}
.market-search-wrap label{display:block;font-size:.85rem;margin-bottom:8px;color:var(--indigo)}
.market-search{
  width:100%;padding:12px 16px;
  font-family:var(--font-body);font-size:1rem;color:var(--indigo);
  background:var(--white);
  border:1px solid var(--indigo-a08);border-radius:var(--radius-sm);
}
.market-search:focus{outline:2px solid var(--system-blue);outline-offset:1px;border-color:var(--system-blue)}

.markets-group{margin-top:44px}
.markets-group h3{margin-bottom:16px}
.markets-group-note{margin:-8px 0 16px;font-size:.9rem;color:rgba(20,20,64,.62)}
.markets-grid{
  list-style:none;padding:0;margin:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px 22px;
}
.market-row{
  display:flex;flex-direction:column;gap:2px;
  padding:12px 16px;background:var(--white);
  border:1px solid var(--indigo-a06);border-radius:var(--radius-sm);
}
.market-name{color:var(--indigo)}
.market-note{font-size:.85rem;color:rgba(20,20,64,.62)}
.market-row[hidden]{display:none}
.markets-group[hidden]{display:none}

.markets-empty{display:none;margin-top:20px;color:rgba(20,20,64,.62)}
.markets-empty.is-visible{display:block}