.kitchen-page {
  padding-block:45px 90px;
  min-height:75vh
}
.kitchen-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:52px 0 40px
}
.kitchen-heading h1 {
  font-size:clamp(65px,8vw,110px);
  margin:20px 0
}
.kitchen-heading h1 em {
  color:var(--blue)
}
.kitchen-heading p:last-child {
  font-size:15px;
  line-height:1.8
}
.kitchen-flower {
  font-size:170px;
  line-height:1;
  color:#778153;
  transform:rotate(10deg);
  padding-right:45px
}
.recipe-search {
  padding:24px 0 35px;
  border-bottom:1px solid var(--line)
}
.recipe-search label {
  display:block;
  font:11px var(--mono);
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:14px
}
.recipe-search>div {
  display:flex;
  max-width:630px;
  gap:12px
}
.recipe-search input {
  background:transparent;
  border:1px solid #a9ac9b;
  border-radius:0;
  min-width:0;
  width:100%;
  padding:12px 16px;
  color:var(--ink);
  font-size:14px
}
.recipe-search .button {
  border:0
}
.recipe-list-heading {
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding-top:22px;
  font-size:10px;
  color:var(--muted)
}
.recipe-list-heading a {
  color:var(--blue);
  text-decoration:underline
}
.recipe-list {
  list-style:none;
  padding:0;
  margin:14px 0 0
}
.recipe-list>li {
  border-bottom:1px solid var(--line)
}
.recipe-list>li>a {
  display:flex;
  align-items:center;
  gap:35px;
  padding:34px 12px;
  transition:background .2s
}
.recipe-list>li>a:hover {
  background:#e9ebe0
}
.recipe-number {
  font:13px var(--mono);
  color:var(--muted);
  align-self:flex-start;
  margin-top:6px
}
.recipe-list h2 {
  font-size:35px;
  letter-spacing:-.04em;
  margin:9px 0 10px
}
.recipe-list p {
  font-size:13px
}
.recipe-list .eyebrow {
  color:#607146;
  font-size:10px
}
.recipe-arrow {
  font-size:40px;
  margin-left:auto;
  color:var(--blue);
  padding-inline:20px
}
.kitchen-endnote {
  font:11px/1.7 var(--mono);
  margin-top:35px
}
.kitchen-endnote>span {
  color:var(--blue);
  font-size:20px;
  margin-right:10px
}
.empty-search {
  padding-block:45px
}
.empty-search .text-link {
  margin-top:20px
}
.recipe-page {
  padding-block:40px 70px
}
.recipe-toolbar {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:42px
}
.recipe-toolbar button {
  background:transparent;
  border:0;
  border-bottom:1px solid var(--line);
  padding:10px 0
}
.recipe-page h1 {
  font-size:clamp(40px,5.4vw,72px);
  margin:20px 0 23px;
  max-width:850px
}
.recipe-hint {
  font-size:12px;
  max-width:620px;
  margin-bottom:25px
}
.recipe-sheet {
  overflow-x:auto;
  overscroll-behavior-x:contain;
  padding:4px 2px 16px
}
.recipe-sheet .recipe-table {
  width:100%;
  max-width:none;
  min-width:780px;
  border-collapse:collapse;
  border:1px solid #969f84;
  font:14px/1.65 Arial,Helvetica,sans-serif;
  background:var(--paper);
  margin:0;
  color:var(--ink)
}
.recipe-sheet .recipe-table td,.recipe-sheet .recipe-table th {
  border:1px solid #b3bba5;
  padding:14px 16px
}
.recipe-sheet .recipe-table .header-row {
  background:#e1e7d5;
  color:#34482d;
  font-size:14px;
  padding-block:15px
}
.recipe-sheet .recipe-table .ingredient-cell {
  background:#eeeee5;
  white-space:normal;
  font-weight:500;
  min-width:210px
}
.recipe-sheet .recipe-table .action-cell {
  background:#faf9f4;
  min-width:125px;
  line-height:1.7
}
.recipe-sheet .recipe-table .empty-cell {
  background:#e9ece0
}
.recipe-back {
  margin-top:25px
}
@media(max-width:760px) {
  .kitchen-page {
    padding-top:30px
  }
  .kitchen-heading {
    margin-top:38px
  }
  .kitchen-heading h1 {
    font-size:62px
  }
  .kitchen-heading p:last-child {
    font-size:13px
  }
  .kitchen-flower {
    font-size:85px;
    padding:0;
    align-self:flex-start;
    margin-top:15px;
    display:none
  }
  .recipe-search>div {
    gap:8px
  }
  .recipe-search .button {
    gap:15px
  }
  .recipe-list>li>a {
    padding:28px 0;
    gap:17px
  }
  .recipe-list h2 {
    font-size:27px
  }
  .recipe-list p {
    font-size:12px
  }
  .recipe-arrow {
    font-size:29px;
    padding-inline:0
  }
  .recipe-number {
    font-size:11px
  }
  .recipe-list-heading {
    font-size:9px
  }
  .recipe-page h1 {
    font-size:43px
  }
  .recipe-sheet .recipe-table {
    font-size:13px
  }
  .recipe-hint {
    font-size:11px
  }
  .recipe-sheet .recipe-table td {
    padding:12px
  }
  .recipe-toolbar {
    margin-bottom:28px
  }
}
@media print {
  @page {
    size:landscape;
    margin:12mm
  }
  .recipe-page {
    padding:0
  }
  .recipe-page h1 {
    font-size:28px;
    margin:12px 0 20px
  }
  .recipe-toolbar,.recipe-back,.recipe-hint {
    display:none!important
  }
  .recipe-sheet {
    overflow:visible;
    padding:0
  }
  .recipe-sheet .recipe-table {
    min-width:0;
    width:100%;
    font-size:10px
  }
  .recipe-sheet .recipe-table td,.recipe-sheet .recipe-table th {
    padding:7px;
    min-width:0!important
  }
  .recipe-sheet .recipe-table .header-row {
    font-size:11px
  }
  tr {
    break-inside:avoid
  }
  .recipe-page>.eyebrow {
    font-size:9px
  }
}