/* Title lockup on a material item page: common name, then botanical name.
   This block replaces the core page-title block on these paths, so .bo-title__common
   carries the page's only <h1> and must read as one. */
.bo-title__common {
  margin: 0 0 0.25rem;
}
.bo-title__botanical {
  margin: 0 0 0.25rem;
  font-size: 1.35rem;
  line-height: 1.3;
  color: var(--bo-text-2, #4a4036);
}
.bo-title__botanical em {
  font-style: italic;
}
.bo-title__cultivars {
  margin: 0 0 0.5rem;
  font-size: 1rem;
  color: var(--bo-muted, #6b5d4d);
}
.bo-title__cultivars-label {
  font-weight: 600;
}

/* The same heading when it rides in the hero instead of below it. The hero
   scrim is dark, so these invert; the shapes match bo-title__* on purpose so
   a plant reads the same whether or not it has a banner image. */
.bo-hero__botanical { display: block; font-style: italic; font-size: 1.05rem; opacity: 0.95; }
.bo-hero__botanical i, .bo-hero__botanical em { font-style: italic; }
.bo-hero__cultivars { display: block; margin-top: 0.25rem; font-size: 0.95rem; opacity: 0.9; }
.bo-hero__cultivars-label { font-weight: 600; opacity: 0.85; }