/* EP Recipe Maker — Modern Recipe Card */
.eprm-card{background:#fff;border-radius:12px;overflow:hidden;margin:2em 0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;box-shadow:0 1px 3px rgba(0,0,0,.08),0 4px 20px rgba(0,0,0,.06);border:1px solid #f0f0f0}

/* ── Header ── */
.eprm-header{padding:24px 28px 20px;background:#fff;border-bottom:1px solid #f3f3f3}
.eprm-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}
.eprm-title{margin:0;font-size:1.5em;font-weight:800;color:#111;line-height:1.25;letter-spacing:-.025em;flex:1}
.eprm-tagline{margin:0 0 14px;color:#6b7280;font-size:.925em;line-height:1.55}
.eprm-header-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:space-between}

/* Print button — small, inline, top right */
.eprm-print-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:.78em;font-weight:600;color:#6b7280;cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}
.eprm-print-btn:hover{background:#f3f4f6;color:#374151;border-color:#d1d5db}
.eprm-print-btn svg{flex-shrink:0}

/* Badges */
.eprm-badges{display:flex;flex-wrap:wrap;gap:5px}
.eprm-badge{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;border-radius:4px;padding:3px 9px;font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.05em}

/* Stars */
.eprm-rating{display:flex;align-items:center;gap:5px}
.eprm-stars{display:flex;gap:1px}
.eprm-star{width:15px;height:15px}
.eprm-star-full  polygon{fill:#f59e0b;stroke:#f59e0b;stroke-width:.5}
.eprm-star-half  polygon{stroke:#f59e0b;stroke-width:.5}
.eprm-star-empty polygon{fill:#e5e7eb;stroke:#e5e7eb;stroke-width:.5}
.eprm-rating-val{font-size:.88em;font-weight:700;color:#111}
.eprm-rating-count{font-size:.78em;color:#9ca3af}

/* ── Meta strip ── */
.eprm-meta-strip{display:flex;flex-wrap:wrap;background:#fafafa;border-bottom:1px solid #f3f3f3}
.eprm-mi{flex:1;min-width:80px;display:flex;flex-direction:column;align-items:center;padding:16px 8px;gap:5px;border-right:1px solid #f0f0f0;text-align:center}
.eprm-mi:last-child{border-right:none}
.eprm-mi svg{color:#9ca3af}
.eprm-mi-hl{background:#f0fdf4}
.eprm-mi-hl svg,.eprm-mi-hl .eprm-mi-val{color:#16a34a}
.eprm-mi-lbl{font-size:.67em;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.07em}
.eprm-mi-val{font-size:.88em;font-weight:700;color:#111}

/* ── Body ── */
.eprm-body{padding:0}
.eprm-section{padding:22px 28px;border-bottom:1px solid #f7f7f7}
.eprm-section:last-child{border-bottom:none}
.eprm-sec-title{display:flex;align-items:center;gap:8px;font-size:.8em;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#374151;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid #f3f3f3}
.eprm-sec-title svg{color:#6b7280;flex-shrink:0}
.eprm-group-lbl{font-size:.82em;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:14px 0 8px;padding:0}

/* ── Ingredients — clean checklist style ── */
.eprm-ing-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0}
.eprm-ing{display:flex;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px solid #f7f7f7}
.eprm-ing:last-child{border-bottom:none}
.eprm-ing-check{width:20px;height:20px;min-width:20px;border:2px solid #d1fae5;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-top:1px;background:#f0fdf4;flex-shrink:0}
.eprm-ing-check svg{color:#10b981;display:none}
.eprm-ing-text{font-size:.9em;color:#374151;line-height:1.45}
.eprm-ing-text strong{color:#111;font-weight:600}
.eprm-note{color:#9ca3af;font-style:normal;font-size:.88em}

/* ── Instructions ── */
.eprm-step{display:flex;gap:14px;margin-bottom:16px;align-items:flex-start}
.eprm-step:last-child{margin-bottom:0}
.eprm-step-num{width:28px;height:28px;min-width:28px;background:#111;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.8em;font-weight:800;flex-shrink:0;margin-top:2px}
.eprm-step-body{font-size:.92em;line-height:1.7;color:#374151;padding-top:3px}

/* ── Tips ── */
.eprm-tips-sec{background:#fffdf5}
.eprm-tips-list{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}
.eprm-tips-list li{font-size:.9em;color:#374151;padding:10px 14px 10px 36px;background:#fff;border-radius:8px;border:1px solid #fde68a;position:relative;line-height:1.5}
.eprm-tips-list li::before{content:'💡';position:absolute;left:10px;top:10px}
.eprm-storage{font-size:.88em;color:#374151;padding:10px 14px;background:#eff6ff;border-radius:8px;border-left:3px solid #93c5fd;line-height:1.5}

/* ── Nutrition ── */
.eprm-nut-sec{background:#f9fafb}
.eprm-nut-row{display:flex;flex-wrap:wrap;gap:8px}
.eprm-nut-item{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:12px 14px;text-align:center;min-width:70px;flex:1}
.eprm-nut-hero{background:#f0fdf4;border-color:#a7f3d0;flex:2;min-width:100px}
.eprm-nut-num{display:block;font-size:1.25em;font-weight:800;color:#111;line-height:1}
.eprm-nut-hero .eprm-nut-num{font-size:1.5em;color:#059669}
.eprm-nut-num small{font-size:.5em;font-weight:500;color:#9ca3af;margin-left:1px}
.eprm-nut-lbl{display:block;font-size:.68em;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;margin-top:5px;font-weight:500}

/* ── Print ── */
@media print{
.eprm-print-btn{display:none!important}
.eprm-card{box-shadow:none!important;border:1px solid #ddd!important;page-break-inside:avoid}
.eprm-meta-strip{background:#fff!important;border:1px solid #eee!important}
.eprm-header{background:#fff!important}
.eprm-ing-list{grid-template-columns:1fr 1fr!important}
.eprm-nut-row{flex-wrap:wrap!important}
}

/* ── Responsive ── */
@media(max-width:580px){
.eprm-header,.eprm-section{padding-left:16px;padding-right:16px}
.eprm-title{font-size:1.25em}
.eprm-mi{min-width:60px;padding:12px 4px}
.eprm-mi-lbl{font-size:.6em}
.eprm-ing-list{grid-template-columns:1fr}
.eprm-nut-row{gap:6px}
.eprm-nut-item{min-width:60px;padding:9px 8px}
.eprm-header-top{flex-wrap:wrap}
}
