.blockchain-page {
  align-content: start;
  width: min(1040px, calc(100% - 32px));
  padding-block: clamp(42px, 8vw, 90px);
}

.blockchain-page h1 {
  font-size: clamp(3.2rem, 10vw, 7rem);
}

.blockchain-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.blockchain-grid article {
  display: flex;
  min-height: 190px;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: var(--surface);
  padding: clamp(22px, 4vw, 36px);
}

.blockchain-grid span {
  color: #a98723;
  font-size: clamp(2.5rem, 7vw, 5.4rem);
  font-weight: 800;
  line-height: .8;
}

.blockchain-grid strong {
  max-width: 11ch;
  text-align: right;
  font-size: clamp(1rem, 2.4vw, 1.55rem);
  line-height: 1.05;
}

:root[data-theme="dark"] .blockchain-grid span { color: #f0d46c; }

@media (max-width: 600px) {
  .blockchain-grid { grid-template-columns: 1fr; }
  .blockchain-grid article { min-height: 135px; }
}

/* Universal button-border contract: every enabled button renders a visible 1px border. */
button:not(:disabled) {
  border-style: solid !important;
  border-width: 1px !important;
}