.species__hint { margin-top: 16px; min-height: 1.6em; }
.species__hint b { color: var(--black); font-weight: 700; }
#v6-prods { margin-top: 28px; }
.species__pick { margin-bottom: 14px; font-size: 17px; }
.species__note { margin-top: 18px; max-width: 60em; }
.species__foot { margin-top: 24px; gap: 12px 28px; }
.species__others-h { margin-bottom: 28px; }
.faq__aside { margin-top: 16px; max-width: 22em; }
.faq__aside a { font-weight: 700; }
.hero__cap { margin-top: 10px; }
.species__hero h1 { font-size: clamp(48px, 7.4vw, 112px); line-height: .95; letter-spacing: -0.04em; }
.species__hero .hero__cap { margin-top: 16px; color: var(--white); opacity: .85; }
.solve__h { margin-bottom: 28px; max-width: 18em; }
.solve { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.solve--even { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.solve__card { background: var(--gray); gap: 10px; padding: 24px 24px 26px; }
.solve__num { align-self: flex-start; min-width: 40px; padding: 5px 10px; border-radius: 999px; background: var(--green); color: var(--black); font: 800 13px/1 var(--f); text-align: center; margin-bottom: 6px; }
.solve__card p { color: var(--green-dark); }
@media (max-width: 900px) {
  .solve { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .solve__card { grid-column: auto !important; }
  .solve:not(.solve--even) .solve__card:first-child, .solve__card:last-child:nth-child(even) { grid-column: 1 / -1 !important; }
}
@media (max-width: 700px) {
  .solve, .solve--even { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .solve__card { grid-column: auto !important; padding: 18px; }
}