:root {
  --color-page: var(--color-septenary);
}

.presentation-instructions .subheading:not(:first-of-type) {
  margin-top: 10rem;
}
.presentation-instructions h4 {
  margin-top: 4rem;
}
.presentation-instructions p {
  margin-top: 2rem;
}
.presentation-instructions dl {
  display: grid;
  grid-template-columns: 10rem 1fr;
  gap: 2rem;
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .presentation-instructions dl {
    grid-template-columns: 6rem 1fr;
  }
}
.presentation-instructions dl dt {
  padding: 2rem 0;
  font-weight: var(--font-regular);
  color: var(--color-page);
}
.presentation-instructions dl dd {
  padding: 2rem;
  font-weight: var(--font-semibold);
  background: var(--color-light-gray);
}
.presentation-instructions table {
  display: grid;
  grid-template-columns: repeat(6, auto);
  row-gap: 2rem;
  margin-top: 5rem;
  min-width: 80rem;
}
.presentation-instructions table thead {
  display: contents;
}
.presentation-instructions table thead tr {
  display: contents;
}
.presentation-instructions table thead th {
  text-align: center;
  font-weight: var(--font-regular);
  color: var(--color-page);
}
.presentation-instructions table tbody {
  display: contents;
}
.presentation-instructions table tbody tr {
  display: contents;
}
.presentation-instructions table tbody th,
.presentation-instructions table tbody td {
  display: flex;
  align-items: center;
  padding: 2rem;
  font-weight: var(--font-semibold);
  background: var(--color-light-gray);
}
.presentation-instructions table tbody th.text-center,
.presentation-instructions table tbody td.text-center {
  justify-content: center;
}
.presentation-instructions ol {
  margin-top: 2rem;
}
.presentation-instructions ol li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.3em;
  font-weight: var(--font-semibold);
  line-height: var(--line-relaxed);
}
.presentation-instructions ol li .alphabet {
  color: var(--color-page);
}/*# sourceMappingURL=presentation-instructions.css.map */