body { background-color: #F5F1E6; }

.leader {
  flex: 1 1 auto;
  border-bottom: 1px dotted #C9BFA0;
  margin: 0 8px;
  transform: translateY(-5px);
}

.perforation {
  height: 14px;
  background-image: radial-gradient(circle at 7px 7px, #F5F1E6 6px, transparent 6.5px);
  background-size: 14px 14px;
  background-repeat: repeat-x;
  background-position: center;
}

.stamp { transform: rotate(-6deg); }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { opacity: 1; }

details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] .chev { transform: rotate(45deg); }

::selection { background: #2F5D42; color: #F5F1E6; }
:focus-visible { outline: 2px solid #2F5D42; outline-offset: 2px; }

.ledger-link { text-decoration: underline; text-decoration-color: #C9BFA0; text-underline-offset: 3px; }
.ledger-link:hover { text-decoration-color: #2F5D42; }