#records .pv-aj-ref-record-panel > h3 {
  margin: 20px 0 12px;
  color: #152238;
  font-size: 23px;
  line-height: 1.35;
}
#how-to-reach .pvg-travel-distance-summary {
  margin: 14px 0 18px;
  color: #325b4e;
  font-size: 15px;
  line-height: 1.6;
}
#how-to-reach .pv-aj-ref-shortcuts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
#how-to-reach .pv-aj-ref-shortcut {
  min-height: 46px;
  padding: 12px;
  border: 1px solid #104c3c;
  border-radius: 10px;
  background: #104c3c;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 3px 10px rgba(16, 76, 60, .10);
}
#how-to-reach .pv-aj-ref-shortcut:hover,
#how-to-reach .pv-aj-ref-shortcut:focus-visible {
  background: #176c55;
  border-color: #176c55;
  color: #fff;
  box-shadow: 0 6px 14px rgba(16, 76, 60, .18);
}
#how-to-reach .pv-aj-ref-shortcut:focus-visible { outline: 3px solid #78c9ad; outline-offset: 3px; }
#how-to-reach .pv-aj-ref-shortcut:active { transform: translateY(0); }
@media (prefers-reduced-motion: no-preference) {
  #how-to-reach .pv-aj-ref-shortcut { transition: transform 160ms cubic-bezier(.23, 1, .32, 1); }
  #how-to-reach .pv-aj-ref-shortcut:hover { transform: translateY(-2px); }
}
@media (max-width: 700px) {
  #records .pv-aj-ref-record-panel > h3 { font-size: 21px; }
  #how-to-reach .pv-aj-ref-shortcuts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}