/**
 * Hearth & Haven Recipe Card Block.
 * Design reminder: a practical recipe card should feel like a printed kitchen note on oat paper, not a generic widget.
 */
.hh-recipe-card { overflow: hidden; max-width: 780px; margin: 2rem auto; border: 1px solid rgba(65,52,43,.2); background-color: #fbf7ef; background-image: radial-gradient(rgba(116,43,68,.06) .65px, transparent .65px); background-size: 7px 7px; box-shadow: 10px 10px 0 #e6dac7; }
.hh-recipe-card__topline { display: flex; justify-content: space-between; padding: .75rem 1rem; border-bottom: 1px solid rgba(65,52,43,.18); color: #742b44; font-family: system-ui, sans-serif; font-size: .62rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hh-recipe-card__image { display: block; width: 100%; max-height: 24rem; object-fit: cover; filter: saturate(.82) sepia(.08); }
.hh-recipe-card__title { padding: clamp(1.25rem, 4vw, 2.5rem); }
.hh-recipe-card__title h3 { margin: 0 0 .65rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.1rem, 5vw, 4rem); font-weight: 400; letter-spacing: -.06em; line-height: .9; }
.hh-recipe-card__title > p { margin: 0 0 1.1rem; color: #6c635c; line-height: 1.65; }
.hh-recipe-card__facts { display: grid; grid-template-columns: repeat(3, 1fr); padding-top: 1rem; border-top: 1px solid rgba(65,52,43,.18); }
.hh-recipe-card__facts span { color: #6c635c; font-family: system-ui, sans-serif; font-size: .64rem; font-weight: 800; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.hh-recipe-card__facts b { display: block; margin-bottom: .2rem; color: #742b44; font-family: Georgia, "Times New Roman", serif; font-size: 1.35rem; font-weight: 400; text-transform: none; }
.hh-recipe-card__columns { display: grid; grid-template-columns: .8fr 1.2fr; gap: 2rem; padding: 0 clamp(1.25rem, 4vw, 2.5rem) 2rem; }
.hh-recipe-card h4 { margin: 0 0 .8rem; color: #742b44; font-family: system-ui, sans-serif; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.hh-recipe-card ul, .hh-recipe-card ol { display: grid; gap: .55rem; margin: 0; padding: 0; list-style-position: inside; color: #514a44; line-height: 1.55; }
.hh-recipe-card li { padding-bottom: .5rem; border-bottom: 1px solid rgba(65,52,43,.14); }
.hh-recipe-card li strong { display: block; color: #292521; font-family: Georgia, "Times New Roman", serif; font-size: 1.1rem; font-weight: 400; }
.hh-recipe-card__notes { margin: 0 clamp(1.25rem, 4vw, 2.5rem) 2rem; padding: 1rem; border-left: 2px solid #b89a62; background: #eee3d2; }
.hh-recipe-card__notes p { margin: .35rem 0; color: #514a44; font-size: .88rem; }
.hh-recipe-card--invalid { padding: 1rem; border-left: 3px solid #742b44; color: #742b44; background: #f5e6e4; }
.hh-recipe-card-editor { padding: 1rem; border: 1px solid #b89a62; background: #f0e5d5; }
.hh-recipe-card-editor h3 { margin: .3rem 0 1rem; font-family: Georgia, "Times New Roman", serif; font-size: 1.9rem; font-weight: 400; }
.hh-recipe-card-editor textarea { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .8rem; line-height: 1.55; }
.hh-recipe-card--editor { max-width: none; margin-top: 1.5rem; }
@media (max-width: 620px) { .hh-recipe-card__columns { grid-template-columns: 1fr; gap: 1.5rem; } }