/* ================================================================
   Numbered steps (I, II, III, IV). Home "Renting with us" and About
   "How we work". Lived in index.css until About needed it too.
   ================================================================ */

.steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 2.5rem 2rem; }

.step-n {
  font-family: var(--serif);
  font-size: 1.5rem;
  color: var(--brand);
  display: block;
  padding-bottom: 0.875rem;
  border-bottom: 1px solid var(--line-strong);
  margin-bottom: 1.125rem;
}

.step h3 { font-size: 1.1875rem; margin-bottom: 0.625rem; }
.step p { font-size: 0.9375rem; color: var(--muted); }