/* Retained CB's Entertainment and Rental record.
   Intentionally looks wrong beside the clean Yume heritage cards. */

.heritage-card.cb-rental-record {
  position: relative;
  overflow: hidden;
  border: 2px solid #242424;
  border-left: 9px solid #8b1d24;
  background:
    repeating-linear-gradient(0deg, rgba(50,40,30,.025) 0 1px, transparent 1px 5px),
    #e9e0c9;
  color: #24211d;
  box-shadow: 8px 10px 0 rgba(20,18,15,.16);
  transform: rotate(-.45deg);
  font-family: "Courier New", Courier, monospace;
}

.heritage-card.cb-rental-record::before {
  content: "MISFILED";
  position: absolute;
  right: -33px;
  top: 31px;
  padding: 5px 42px;
  border: 2px solid rgba(126,24,29,.55);
  color: rgba(126,24,29,.62);
  background: rgba(233,224,201,.72);
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .16em;
  transform: rotate(33deg);
}

.heritage-card.cb-rental-record::after {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px dashed rgba(35,32,28,.15);
  pointer-events: none;
}

.cb-rental-record time {
  display: inline-block;
  margin-bottom: 9px;
  padding: 4px 7px;
  border: 1px solid rgba(36,33,29,.35);
  background: rgba(255,255,255,.27);
  color: #5d554a;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.cb-rental-record h2 {
  max-width: 640px;
  margin: 3px 0 9px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  line-height: .98;
  letter-spacing: -.035em;
  color: #171614;
}

.cb-rental-record > p {
  max-width: 680px;
  color: #4c463d;
}

.cb-rental-record .cb-ledger-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 18px 0 15px;
}

.cb-rental-record .cb-ledger-row span {
  padding: 5px 7px;
  border: 1px solid #797064;
  background: rgba(255,255,255,.22);
  color: #595147;
  font-size: .63rem;
  font-weight: 900;
  letter-spacing: .07em;
}

.cb-rental-record .cb-ledger-row span:nth-child(2) {
  color: #7e181d;
  border-color: rgba(126,24,29,.48);
}

.cb-rental-record a.cb-rental-link {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin-top: 4px;
  padding: 10px 13px;
  border: 2px solid #211f1c;
  background: #24211d;
  color: #efe6cf;
  text-decoration: none;
  font-size: .73rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: 4px 4px 0 #8b1d24;
  transition: transform .1s ease, box-shadow .1s ease;
}

.cb-rental-record a.cb-rental-link:hover,
.cb-rental-record a.cb-rental-link:focus-visible {
  transform: translate(2px,2px);
  box-shadow: 2px 2px 0 #8b1d24;
}

.cb-rental-record .cb-archive-warning {
  display: block;
  max-width: 700px;
  margin-top: 18px;
  padding-top: 10px;
  border-top: 1px dotted rgba(36,33,29,.45);
  color: #766c5e;
  font-size: .67rem;
  line-height: 1.45;
}

.cb-rental-record .cb-pencil {
  position: absolute;
  right: 22px;
  bottom: 18px;
  color: rgba(126,24,29,.52);
  font-family: "Comic Sans MS", "Trebuchet MS", sans-serif;
  font-size: .76rem;
  font-weight: 900;
  transform: rotate(-4deg);
}

@media (max-width: 680px) {
  .heritage-card.cb-rental-record::before {
    right: -46px;
    top: 24px;
    font-size: .56rem;
  }

  .cb-rental-record .cb-pencil {
    position: static;
    display: block;
    margin-top: 13px;
  }
}