/* «Рецепты ремесла»: the calculator and the recipe tables by building.
   Fields and tables come from site.css (.zg-profit-*). */
.zg-recipes h1 { margin: 0 0 15px; font: bold clamp(30px, 3.5vw, 39px)/1.15 Georgia, "Times New Roman", serif; letter-spacing: -.02em; }
.zg-recipes [data-zg-generated-page] > p { margin: 0 0 16px; }
.zg-recipes-form { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 14px; margin: 18px 0 0; }
.zg-recipes-form[hidden] { display: none; }
.zg-site .zg-recipes-result { margin: 16px 0 0; padding: 14px 16px; border: 1px solid var(--zg-line); border-radius: 10px; background: #fffef9; }
.zg-site .zg-recipes-result:empty { display: none; }
.zg-recipes-result p { margin: 0 0 8px; }
.zg-recipes-result p:last-child { margin-bottom: 0; }
.zg-site .zg-recipes-answer { font: bold 20px/1.3 Georgia, "Times New Roman", serif; }
.zg-site .zg-recipes-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; margin: 0 0 12px; padding: 0; list-style: none; }
.zg-recipes-list li { display: flex; justify-content: space-between; gap: 10px; padding: 8px 10px; border: 1px solid #eadfbe; border-radius: 8px; background: var(--zg-paper); }
.zg-recipes-list strong { white-space: nowrap; font-variant-numeric: tabular-nums; }
.zg-site .zg-recipes-crafts { margin: 0 0 10px; padding-left: 22px; }
.zg-recipes-section > p { margin: 0 0 12px; }
.zg-site .zg-recipes-note { display: block; color: var(--zg-muted); font-size: 13px; font-weight: 400; }
.zg-recipes-section { margin: 28px 0 0; }
.zg-recipes-section h2 { margin: 0 0 10px; font: bold 26px/1.25 Georgia, "Times New Roman", serif; }
.zg-recipes-building h3 { margin: 22px 0 8px; font: bold 20px/1.3 Georgia, "Times New Roman", serif; }
.zg-profit-table.zg-recipes-table { width: 100%; min-width: 560px; table-layout: fixed; }
.zg-recipes-table thead th:nth-child(1) { width: 32%; }
.zg-recipes-table thead th:nth-child(3) { width: 16%; }
.zg-recipes-table td { white-space: normal; }
.zg-recipes-table td:last-child { white-space: nowrap; }
.zg-recipes-table tbody th small { color: var(--zg-muted); font-weight: 400; }
.zg-recipes-table tr:target :is(th, td) { background: #f6edc9; }
@media (max-width: 760px) {
  .zg-recipes-form { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 420px) {
  .zg-site .zg-recipes-result { padding: 12px; }
}