:root {
  --mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --label-paper: #2b2a27;
}

body {
  font-size: 0.9375rem;
  line-height: 1.6;
}

.dek,
.collection-intro > p:not(.eyebrow) {
  font-size: 0.9375rem;
  line-height: 1.65;
}

.name {
  font-size: 0.875rem;
}

.index > section > h2 {
  font-family: var(--mono);
  font-size: 0.8125rem;
  line-height: 1.5;
  letter-spacing: 0;
}

@media (min-width: 600px) {
  .index > section {
    align-items: start;
  }

  .index > section > h2 {
    line-height: 1.666667rem;
  }
}

.pharmakon-project .title {
  color: var(--ink);
}

.build-link .title,
.research-link .title,
.collection-intro h3,
.notes h3 {
  font-family: var(--mono);
  font-size: 1.333333rem;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -0.035em;
}

@media (min-width: 720px) {
  .row.build-link,
  .row.research-link {
    align-items: start;
  }

  .build-link .dek,
  .research-link .dek {
    padding-top: 0.059rem;
  }
}

.collection-intro h3 {
  margin-top: 0;
}

.rows {
  gap: 1.5rem;
}

.notes .row .title {
  font-size: 1.125rem;
  line-height: 1.4;
}

.notes h3 {
  margin-bottom: 0.75rem;
}

.notes-intro {
  display: table;
  margin: 0 0 1.5rem;
  padding: 0.3rem 0.6rem;
  background: var(--label-paper);
  border-radius: 3px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.carousel-toolbar {
  gap: 1rem;
}

.carousel-toolbar .eyebrow,
.collection-intro .collection-format {
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0;
  text-transform: none;
}

.collection-intro .collection-format {
  margin-top: 0.75rem;
}

.book-label {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
  gap: 0.45rem;
}

.book-label h4 {
  font-size: 1.25rem;
  line-height: 1.25;
}

.book-label .book-format {
  margin: 0;
  font: 0.8125rem/1.5 var(--mono);
  color: var(--ink);
}

.book-label .book-status {
  margin: 0;
  padding: 0.2rem 0.5rem;
  border-radius: 3px;
  background: var(--label-paper);
  color: var(--mute);
  font: 0.6875rem/1.5 var(--mono);
}

.book-label .book-status::before {
  content: none;
}

.book-label .book-edition {
  margin: 0;
  font: 0.75rem/1.5 var(--mono);
  color: var(--mute);
}
