body {
  margin: 0;
  background: #f6f0e4;
  color: #2d2620;
  font-family: "PT Serif", Georgia, serif;
  font-size: 17px;
  line-height: 1.6;
}
.wrap { max-width: 680px; margin: 0 auto; padding: 0 20px 50px; }
.top { padding: 28px 0 18px; border-bottom: 2px solid #2d2620; margin-bottom: 28px; }
.top a.home { color: #2d2620; text-decoration: none; font-size: 1.5rem; font-weight: bold; }
.top .sub { color: #7a6a58; font-style: italic; font-size: .95rem; }
a { color: #8c2f1b; }
h1 { font-size: 1.7rem; line-height: 1.25; margin: 0 0 6px; }
h2 { font-size: 1.15rem; margin: 1.8em 0 .5em; text-transform: uppercase; letter-spacing: .05em; color: #6d4a2f; }
.info { color: #7a6a58; font-size: .9rem; margin-bottom: 18px; }
ul.ingr { padding-left: 0; list-style: none; border-top: 1px dotted #b8a68f; }
ul.ingr li { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px dotted #b8a68f; padding: 5px 0; }
ul.ingr li span:last-child { color: #6d4a2f; white-space: nowrap; }
ol.steps li { margin-bottom: 10px; }
.cat { margin-bottom: 26px; }
.cat h2 { margin-top: 0; }
.cat ul { padding-left: 18px; margin: 0; }
.cat li { margin-bottom: 4px; }
.cat li small { color: #7a6a58; }
.aside { background: #efe5d2; padding: 12px 14px; font-size: .95rem; margin-top: 20px; }
.bottom { margin-top: 44px; font-size: .85rem; color: #7a6a58; }