/* Targeted layout refinements: centered hero rhythm and quick-link content. */
@media (min-width: 761px) {
  .intro {
    min-height: calc(100svh - 82px);
    align-items: center;
    padding-top: clamp(1.5rem, 3vw, 3rem);
    padding-bottom: clamp(2.5rem, 5vw, 5rem);
  }
}

.index a {
  justify-content: center;
  text-align: center;
}

.index a b,
.index a span {
  text-align: center;
}

@media (max-width: 760px) {
  .intro { padding-top: 2.5rem; }
  .index a { justify-content: flex-start; text-align: left; }
}