.recipe-difficulty {
 display: inline-flex;
 align-items: center;
 gap: .45rem;
 width: max-content;
 max-width: 100%;
 padding: .3rem .5rem;
 border: 1px solid var(--border, #d8ded9);
 border-radius: 4px;
 background: var(--bg, #fff);
 color: var(--text, #252b27);
 font-size: .78rem;
 font-weight: 600;
 line-height: 1.4;
 letter-spacing: 0;
 white-space: nowrap;
}
.recipe-difficulty__bars {
 display: inline-flex;
 align-items: end;
 gap: 2px;
 flex: 0 0 16px;
 width: 16px;
 height: 14px;
}
.recipe-difficulty__bars > span {
 width: 4px;
 height: 5px;
 background: currentColor;
 opacity: .2;
}
.recipe-difficulty__bars > span:nth-child(2) { height: 9px; }
.recipe-difficulty__bars > span:nth-child(3) { height: 14px; }
.recipe-difficulty__bars > span:first-child,
.recipe-difficulty--medium .recipe-difficulty__bars > span:nth-child(2),
.recipe-difficulty--hard .recipe-difficulty__bars > span {
 background: var(--accent-text, #365f46);
 opacity: 1;
}
.recipe-preview__media { position: relative; margin-bottom: 1rem; }
.recipe-preview .recipe-preview__media > a.image { display: block; margin-bottom: 0; }
.features article.recipe-preview .recipe-preview__media { height: auto; line-height: normal; }
.recipe-preview__media > .recipe-difficulty,
.recipe-card__media > .recipe-difficulty {
 position: absolute;
 left: .65rem;
 bottom: .65rem;
 z-index: 1;
 pointer-events: none;
}
.recipe-preview > .recipe-difficulty { margin-bottom: .6rem; }
.recipe-card-badges {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: .35rem;
 max-width: 100%;
 margin-bottom: .6rem;
 line-height: normal;
}
.recipe-preview__media > .recipe-card-badges {
 position: absolute;
 left: .65rem;
 bottom: .65rem;
 z-index: 1;
 max-width: calc(100% - 1.3rem);
 margin: 0;
 pointer-events: none;
}
.recipe-card-badges > .my-recipe-badge {
 display: inline-flex;
 align-items: center;
 gap: .35rem;
 box-sizing: border-box;
 min-width: 0;
 max-width: 100%;
 padding: .3rem .5rem;
 border: 1px solid var(--border, #d8ded9);
 border-radius: 4px;
 background: color-mix(in srgb, var(--accent, #a42e88) 7%, var(--bg, #fff));
 color: var(--text, #252b27);
 font-size: .78rem;
 font-weight: 600;
 line-height: 1.4;
 letter-spacing: 0;
 overflow-wrap: anywhere;
}
.recipe-card-badges > .my-recipe-badge--plant { background: color-mix(in srgb, #38824b 12%, var(--bg, #fff)); }
.recipe-card-badges .my-recipe-badge__icon { flex: 0 0 1.2em; width: 1.2em; line-height: 1; text-align: center; }
.recipe-at-a-glance {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: .5rem 1rem;
 margin: .85rem 0;
 color: var(--text-light, #4e5852);
 font-size: .9rem;
 line-height: 1.5;
}
.recipe-at-a-glance > span { white-space: nowrap; }
@media print {
 .recipe-difficulty { border-color: #777; background: #fff; color: #111; }
 .recipe-difficulty__bars > span { print-color-adjust: exact; }
}