.custom-cook-modal .modal-content { border-radius: 1.25rem; border: 3px solid #ffa500; box-shadow: 0 0.5rem 2rem rgba(255,165,0,.16), 0 1.5rem 4rem rgba(80,80,80,.07); overflow: hidden; }
.custom-cook-modal .modal-header { background: linear-gradient(90deg, #ffa500 0%, #ffcf66 100%); }
.cook-step-row.text-decoration-line-through, .ingredient-row.text-decoration-line-through { text-decoration: line-through; opacity: .7; }
.cook-step-row:hover, .ingredient-row:hover { background-color: #ffe4b2 !important; }
.step-check-icon, .ingredient-check-icon { font-size: 1.2em; }
.modal-title { color: #783700; font-weight: 700; letter-spacing: .01em; }
.recipe-action-primary, #startCookingBtn { background: linear-gradient(90deg, #ffa500 0%, #ffcf66 100%); border: none; color: #783700; font-weight: 600; }
.recipe-action-primary:hover, #startCookingBtn:hover { background: #ff9900; color: #fff; }
.step-num { display: inline-block; vertical-align: top; text-align: left; font-size: 1.2em; color: #ffa500; font-family: Roboto, Arial, sans-serif; padding-top: 2px; }
.cook-step-text { vertical-align: top; font-size: 1em; }
.modal-section-title { font-size: 1.01em; font-weight: 400; margin-bottom: .2em; }
.modal-section-help { font-size: .92em; color: #888; margin: -.25em 0 .5em; }
.recipe-page-shell { width: min(100%, 1120px); margin: 0 auto; padding: 0 1rem 2rem; }
.recipe-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .65rem; margin-bottom: 1.25rem; }
.recipe-action-button, .recipe-action-primary { min-height: 44px; }
.recipe-display-card { max-width: 900px; width: 100%; border: 1px solid #f0dcc0; background: #fff; }
.recipe-title { background: linear-gradient(135deg, #fff0d2, #ffe2ad); color: #9b5100; font-family: Lora, Georgia, serif; line-height: 1.2; }
.recipe-card-img-lg { aspect-ratio: 4 / 3; object-fit: cover; }
.recipe-actions .btn:focus-visible, .recipe-display-card button:focus-visible, .recipe-display-card input:focus-visible { outline: 3px solid #258cfb; outline-offset: 2px; }
@media (max-width: 575.98px) { .recipe-page-shell { padding-inline: .5rem; } .recipe-actions { display: grid; grid-template-columns: 1fr 1fr; } .recipe-actions > .btn, .recipe-actions > form { width: 100%; } .recipe-actions > form .btn { width: 100%; } .recipe-actions > :first-child { grid-column: 1 / -1; } .recipe-display-card { box-shadow: 0 4px 18px rgba(58,33,13,.08) !important; } }

/* Keep the recipe surface on the same visual system as the home page. */
.custom-cook-modal .modal-content { border-color: var(--home-orange, #b9542a); }
.custom-cook-modal .modal-header { background: linear-gradient(90deg, var(--home-orange, #b9542a), #d98958); }
.recipe-action-primary, #startCookingBtn { background: var(--home-orange, #b9542a); color: #fff; }
.recipe-action-primary:hover, #startCookingBtn:hover { background: var(--home-orange-dark, #98431f); }
.recipe-title { background: linear-gradient(135deg, var(--home-sand, #f3e7d5), #f9e8d0); color: var(--home-orange-dark, #98431f); }