/*
 * Residences (design-reference/Residences.dc.html): the page head, the filter
 * bar, the result line and the two card grids. Cards, the filter bar and the
 * empty state are in site.css; this file only spaces them.
 */
.residences-page {
  padding-bottom: var(--space-11);
}

.residences-page .site-page-head .section-head {
  margin-bottom: var(--space-7);
}

.residences-page .notice {
  margin-top: var(--space-4);
}

.residences-page__meta {
  margin: var(--space-5) 0 var(--space-7);
  font-size: var(--type-small-size);
  line-height: var(--type-small-leading);
  color: var(--sand);
}

/* ul.… outranks base.css ul[class], which resets list margins. */
ul.residences-page__more {
  margin-top: var(--space-9);
}

@media (min-width: 960px) {
  .residences-page__meta {
    margin-bottom: var(--space-8);
  }

  ul.residences-page__more {
    margin-top: var(--space-10);
  }
}