/* ===== The Weekly Slice — warm food-magazine style ===== */
:root{
  --cream:#fbf5ea; --card:#fff; --ink:#241f19; --muted:#6e6257;
  --orange:#c2542a; --orange-dark:#a04420; --mustard:#e2a93b;
  --border:#e8ddc9; --radius:10px;
  --shadow:0 8px 22px rgba(80,60,30,.09);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Georgia,'Times New Roman',serif;color:var(--ink);background:var(--cream);line-height:1.7}
a{color:var(--orange)}
.container{max-width:900px;margin:0 auto;padding:0 22px}

/* header */
.site-header{background:var(--card);border-bottom:3px solid var(--orange);position:sticky;top:0;z-index:40}
.nav-wrap{display:flex;align-items:center;gap:20px;padding:15px 0}
.logo{font-size:1.35rem;font-weight:700;color:var(--ink);text-decoration:none;white-space:nowrap}
.logo:hover{color:var(--orange)}
.site-nav{display:flex;gap:20px;margin-left:auto;align-items:center}
.site-nav a{color:var(--ink);text-decoration:none;font-family:system-ui,Arial,sans-serif;font-size:.86rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.site-nav a:hover{color:var(--orange)}
.nav-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--ink)}

/* hero */
.hero{padding:70px 0 64px;text-align:center;background:linear-gradient(180deg,#f4ead8,var(--cream))}
.hero h1{font-size:clamp(2rem,4.6vw,3rem);margin:12px 0 16px}
.hero p{max-width:620px;margin:0 auto;color:var(--muted)}
.kicker{text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:.74rem;color:var(--orange)}
.chip{display:inline-block;background:var(--mustard);color:var(--ink);font-family:system-ui,Arial,sans-serif;font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;padding:5px 14px;border-radius:999px;margin-bottom:8px}

/* stories */
.section{padding:54px 0}
.alt{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.story{max-width:720px;margin:0 auto 44px}
.story h2{font-size:clamp(1.35rem,3vw,1.7rem);margin:10px 0 8px;line-height:1.3}
.meta{font-family:system-ui,Arial,sans-serif;font-size:.8rem;color:var(--muted);margin-bottom:14px}
.story p:not(.meta){margin-bottom:14px;color:#37302a}
.story strong{color:var(--ink)}
.about-block h2{margin-bottom:12px}
.about-block p{max-width:700px}

/* footer */
.site-footer{background:#2a2119;color:#f2e9d8;padding:28px 0}
.footer-wrap{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;font-family:system-ui,Arial,sans-serif;font-size:.88rem}
.footer-nav{display:flex;gap:18px;flex-wrap:wrap}
.footer-nav a{color:#f2e9d8;text-decoration:none}
.footer-nav a:hover{color:var(--mustard)}
.disclaimer{color:#c9bda9;font-size:.8rem;margin-top:10px;max-width:700px;font-family:system-ui,Arial,sans-serif}

/* legal & contact */
.page-header{background:#fff;border-bottom:3px solid var(--orange);padding:44px 0;text-align:center}
.page-header h1{font-size:clamp(1.5rem,3.2vw,2rem)}
.legal-body{padding:44px 0 64px}
.legal-body article{max-width:760px;margin:0 auto}
.legal-body h2{font-size:1.18rem;margin:26px 0 8px}
.legal-body p{color:#37302a;margin-bottom:12px}
.legal-body ul{color:#37302a;margin:0 0 12px 22px}
.legal-body li{margin-bottom:6px}
.effective{color:var(--muted);font-size:.9rem;margin-bottom:18px}

/* contact page */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;max-width:900px;align-items:start}
.contact-info p{margin-bottom:12px}
.contact-form{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;display:grid;gap:16px;box-shadow:var(--shadow)}
.contact-form label{font-family:system-ui,Arial,sans-serif;font-weight:600;font-size:.9rem;display:grid;gap:6px}
.contact-form input,.contact-form textarea{font:inherit;padding:11px 13px;border:1.5px solid var(--border);border-radius:8px;background:#fffdf7;color:var(--ink)}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(194,84,42,.12)}
.form-success{background:#e9f2e4;border:1px solid #c4dcb4;border-radius:var(--radius);padding:24px}
.form-success h3{color:#2c5e2e;margin-bottom:8px}

@media (max-width:820px){
  .contact-grid{grid-template-columns:1fr}
  .nav-toggle{display:block;margin-left:auto}
  .site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:20px;gap:14px;border-bottom:1px solid var(--border);box-shadow:var(--shadow)}
  .site-nav.open{display:flex}
}

/* ===== additions: recipe cards + pdf band ===== */
.alt{background:#fff;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.btn{display:inline-block;padding:12px 26px;border-radius:8px;font-weight:700;font-size:.92rem;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background .15s ease,color .15s ease}
.btn-light{background:var(--mustard);color:#241f16}
.btn-light:hover{background:#f0bd5c;color:#241f16}
.kicker-light{color:var(--mustard)}
.note{font-style:italic;color:var(--muted) !important;border-left:3px solid var(--orange);padding-left:10px;font-size:.86rem !important}
.recipe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.recipe-card{background:var(--cream);border:1px solid var(--rule);border-radius:10px;padding:24px;box-shadow:0 6px 18px rgba(80,60,30,.08)}
.recipe-card h3{font-size:1.12rem;margin:4px 0 6px}
.recipe-art{background:#fffdf7;border-radius:8px;padding:10px;display:flex;justify-content:center;margin-bottom:14px}
.recipe-art svg{width:120px;height:110px}
.recipe-card .meta{margin:0 0 10px}
.recipe-card p:not(.meta):not(.note){color:#37302a;font-size:.92rem;margin-bottom:10px}
.recipe-card ol{margin:0 0 10px 20px;color:#37302a;font-size:.9rem}
.recipe-card li{margin-bottom:5px}
.pdf-band{background:#2a2119;color:#f2e9d8}
.pdf-band h2{color:#f2e9d8;margin:8px 0 10px}
.pdf-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
.pdf-sub{color:#cfc5b2;margin-bottom:18px;max-width:560px;font-family:system-ui,Arial,sans-serif}
.pdf-points{list-style:none;display:grid;gap:10px}
.pdf-points li{background:rgba(242,233,216,.08);border:1px solid rgba(242,233,216,.25);border-radius:8px;padding:10px 14px;font-family:system-ui,Arial,sans-serif;font-weight:600;font-size:.88rem}
@media (max-width:880px){
  .recipe-grid,.pdf-grid{grid-template-columns:1fr}
}