/* OOWSS Recipes — Do NOT Delete. Kept separate from existing site styles. */
.desktop-nav { gap:15px; }
@media (max-width:1120px) { .desktop-nav { display:none; } .mobile-nav { display:block; } }
.desktop-nav a[href="recipes.html"] { color:#813d2b; }
.recipes-hero { border-bottom:5px double #a38352; }
.recipes-hero h1 { max-width:950px; font-size:clamp(2.3rem,5.5vw,4.2rem); }
.recipes-hero p { max-width:650px; }
.recipe-count { display:inline-block; margin-top:18px; padding:7px 14px; border:1px solid #8d744a; color:#f1d59e; font:700 .8rem Georgia,serif; }
.recipes-content { padding-block:36px 75px; }
.recipe-categories { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:48px; }
.recipe-categories a { padding:9px 15px; border:1px solid #bca47f; background:#fffaf0; color:#33291e; font-size:.84rem; font-weight:700; text-decoration:none; }
.recipe-categories a:hover { background:#e8d4ae; }
.recipe-group { margin-top:45px; scroll-margin-top:110px; }
.recipe-group-heading { display:flex; align-items:baseline; justify-content:space-between; gap:16px; border-bottom:3px double #9c8259; margin-bottom:20px; padding-bottom:12px; }
.recipe-group-heading h2 { margin:0; color:#30271d; font-size:clamp(1.5rem,3vw,2rem); }
.recipe-group-heading>span { color:#74634d; font-size:.8rem; white-space:nowrap; }
.recipe-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.recipe-card { display:flex; flex-direction:column; padding:25px 23px 21px; background:linear-gradient(135deg,#fffdf7,#f0e4cd); border:1px solid #c7b18a; border-top:4px solid #8a4530; border-radius:2px; box-shadow:4px 5px 0 rgba(97,67,32,.09),0 8px 20px rgba(44,31,20,.08); text-decoration:none; transition:background .15s; }
.recipe-card:hover { background:#ead8b4; }
.recipe-format { color:#7f4b2d; font-size:.65rem; text-transform:uppercase; letter-spacing:.1em; font-weight:700; }
.recipe-card h3 { margin:12px 0 10px; font:700 1.35rem/1.25 Rockwell,"Bookman Old Style",Georgia,serif; color:#26392c; }
.recipe-card p { margin:0 0 25px; color:#665b4d; font-size:.78rem; line-height:1.55; }
.recipe-card-action { display:flex; justify-content:space-between; gap:15px; margin-top:auto; padding-top:12px; border-top:1px solid #cdb996; color:#733422; font-size:.8rem; font-weight:700; }
.recipe-home-link { margin-top:45px; font-weight:700; }
.recipe-shell { width:min(880px,calc(100% - 36px)); margin:auto; padding-block:30px 65px; }
.recipe-actions { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 0 25px; }
.recipe-actions a,.recipe-bottom-back { color:#6e3929; font-size:.9rem; font-weight:700; }
.recipe-actions button { cursor:pointer; padding:10px 20px; border:1px solid #542b21; border-radius:2px; background:#7f392b; color:#fff9ef; font:700 .88rem Arial,sans-serif; }
.recipe-paper { background:#fffdf7; padding:42px 50px; border:1px solid #cab795; border-top:5px double #a78654; box-shadow:6px 7px 0 rgba(97,67,32,.08),0 12px 28px rgba(44,31,20,.07); }
.recipe-paper h1 { margin:0 0 12px; color:#2c3528; font:700 clamp(1.9rem,4vw,2.8rem)/1.15 Rockwell,"Bookman Old Style",Georgia,serif; }
.recipe-byline { color:#75624b; font-size:.86rem; border-bottom:3px double #c5b28e; padding-bottom:22px; margin-bottom:26px; }
.recipe-text { color:#343028; font-size:1rem; line-height:1.8; }
.recipe-text h2 { font:700 1.3rem Georgia,serif; color:#763e2c; margin:25px 0 12px; }
.recipe-text p { margin:0 0 14px; }
.recipe-ingredients { padding-left:22px; margin:0 0 22px; }
.recipe-ingredients li { padding-left:4px; margin:5px 0; }
.recipe-bottom-back { display:inline-block; margin-top:28px; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #a35a32; outline-offset:4px; }
@media(max-width:800px) { .recipe-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:520px) { .recipe-grid { grid-template-columns:1fr; } .recipe-paper { padding:28px 22px; } .recipe-card { padding:22px; } .recipe-categories a { font-size:.78rem; } }
@media print {
 .site-header,footer,.recipe-actions,.recipe-bottom-back { display:none!important; }
 body { background:white!important; color:black!important; }
 .recipe-shell { width:100%; padding:0; }
 .recipe-paper { padding:0; border:0; box-shadow:none; background:white; }
 .recipe-text { font-size:11pt; line-height:1.45; }
 .recipe-paper h1 { font-size:22pt; }
 .recipe-text p,.recipe-text li { break-inside:avoid; }
 .recipe-text h2 { break-after:avoid; }
 @page { margin:.65in; }
}
