/* Homepage editorial treatment from the visual feedback reference.
   Scoped to body.home so internal pages keep their existing presentation. */


body.home .layout {
  grid-template-columns: minmax(0, 1fr) 18rem;
  gap: 3rem;
  padding-top: 2rem;
}

body.home .lead {
  grid-template-columns: 1fr 1.18fr;
  margin-bottom: 3rem;
}

body.home .lead__plate {
  min-height: 21rem;
  padding: 2.25rem 1.75rem 1.75rem;
  background-position: center 22%;
}

body.home .lead__verse {
  font-size: 1.55rem;
  line-height: 1.38;
  margin-bottom: 0.9rem;
}

body.home .lead__body {
  padding: 2rem;
  background: var(--paper-alt);
}

body.home .lead__body h2 {
  font-size: 2rem;
}

body.home .lead__body .byline {
  color: var(--ink-faint);
}

body.home .section-head {
  margin-top: 3rem;
  border-bottom-color: var(--brand);
}

body.home .card h3 {
  margin: 0 0 0.45rem;
  font-size: 1.3rem;
}

body.home aside {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}

body.home aside .panel {
  margin-bottom: 0;
}

body.home blockquote {
  margin-top: 0;
}

@media (max-width: 62rem) {
  body.home .layout {
    grid-template-columns: minmax(0, 1fr);
  }

  body.home aside {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 48rem) {
  body.home .lead {
    grid-template-columns: minmax(0, 1fr);
  }

  body.home aside {
    grid-template-columns: minmax(0, 1fr);
  }
}