.recipe { margin: 2.5rem 0; }
.recipe h2 { margin-bottom: 1rem; }
.trn-scroll {
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  outline-offset: 3px;
}
.trn-table {
  border-collapse: collapse;
  border: 2px solid #111;
  color: #111;
  font: inherit;
  margin: 0;
  min-width: 38rem;
  table-layout: fixed;
  width: 100%;
}
.trn-table td {
  border: 1px solid #111;
  padding: .7rem .8rem;
  vertical-align: middle;
}
.trn-table .trn-ingredient { background: #fff; font-weight: 600; text-align: right; }
.trn-table .trn-operation { background: #fff; text-align: left; }
.visually-hidden {
  clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; overflow: hidden;
  position: absolute; white-space: nowrap; width: 1px;
}
.recipe-credit { border-top: 1px solid #111; margin-top: 3rem; padding-top: 1rem; text-align: center; }
@media print {
  .trn-scroll { overflow: visible; }
  .trn-table { min-width: 0; font-size: 10pt; }
  .recipe { break-inside: avoid; }
  .site-header, .wrapper-footer { display: none; }
}