/* German Eiland -- shared section-divider styling for the three merged pages
 * (Wallet=wallet+spin, Shop=dino shop+skins shop, Garage=garage+prime).
 * Page bodies below each divider are the ORIGINAL, unmodified page markup
 * (wallet.js/spin.js/shop.js/skins.js/garage.js/live.js keep their existing
 * fetch calls and JSON key usage exactly); this file only styles the
 * section heading that separates them and the anchor targets used for
 * deep-linking (#spin, #skins, #prime).
 */
.merge-section { scroll-margin-top: 96px; display: grid; gap: 32px; }
.merge-divider {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin: 0 0 4px;
  padding-top: 28px;
  border-top: 1px solid var(--glass-border);
}
.merge-divider .merge-index {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.18em;
  color: var(--accent-2);
  text-transform: uppercase;
}
.merge-divider h2 {
  margin: 0;
  font-family: var(--display);
  font-size: clamp(22px, 3vw, 32px);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--bone);
}
.merge-divider p {
  margin: 0 0 0 auto;
  max-width: 420px;
  font-size: 12px;
  color: var(--bone-62);
  text-align: right;
}
@media (max-width: 680px) {
  .merge-divider { flex-direction: column; gap: 6px; margin: 40px 0 20px; }
  .merge-divider p { margin: 4px 0 0; text-align: left; }
}