.hp-wallet { padding-bottom: 42px; }
.hp-wallet .bento > .spot { min-width: 0; }
.hp-wallet .bento-main { border-color: color-mix(in srgb, var(--accent) 35%, transparent); }

.hp-wallet .bento .k { color: #a9abc6; }
.hp-wallet .bento .s { overflow-wrap: anywhere; }
.hp-wallet .spot { transition: none; }

.hp-wallet-chart {
  width: 100%;
  min-width: 0;
  margin-top: auto;
  padding-top: 24px;
}

.hp-wallet-chart svg {
  display: block;
  width: 100%;
  height: 116px;
  max-height: 116px;
}

@media (max-width: 480px) {
  .hp-wallet .section-head { gap: 18px; }
  .hp-wallet .bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hp-wallet .spot { padding: 16px; }
  .hp-wallet .bento .v { font-size: 30px; }
  .hp-wallet .bento .v.big { font-size: 44px; }
  .hp-wallet .bento .k { letter-spacing: .08em; }
}