/* Owner cooking feedback. Decorative marks always accompany a numeric score. */
.recipe-cooking-score { margin: 22px 0 4px; color: var(--ink); }
.recipe-cooking-score .cooking-score-label { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; margin: 0 0 5px; font-size: 14px; line-height: 1.5; }
.cooking-score-label > span { font-weight: 650; }
.cooking-score-label > strong { white-space: nowrap; }
.cooking-score-marks { display: flex; gap: 3px; align-items: center; }
.cooking-score-mark { position: relative; display: block; flex: 0 0 40px; width: 40px; height: 40px; }
.cooking-score-mark .tomahawk-icon { display: block; width: 40px; height: 40px; max-width: none; object-fit: contain; }
.cooking-score-mark.is-empty > .tomahawk-icon,
.cooking-score-mark.is-half > .tomahawk-icon { filter: grayscale(1); opacity: .24; }
.cooking-score-fill { position: absolute; inset: 0 auto 0 0; width: 50%; overflow: hidden; }
.recipe-card .recipe-cooking-score { margin: 15px 0 17px; }
.recipe-card .cooking-score-mark,
.recipe-card .cooking-score-mark .tomahawk-icon { width: 32px; height: 32px; }
.recipe-card .cooking-score-mark { flex-basis: 32px; }
.recipe-card .cooking-score-label { font-size: 13px; gap: 3px 10px; }
@media (max-width: 740px) {
  .recipe-page .cooking-score-mark,
  .recipe-page .cooking-score-mark .tomahawk-icon { width: 36px; height: 36px; }
  .recipe-page .cooking-score-mark { flex-basis: 36px; }
}
@media print {
  .recipe-cooking-score { break-inside: avoid; }
  .cooking-score-marks { print-color-adjust: exact; }
}