*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#222;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6}
a{color:#6b3b14;text-decoration:underline}
a:hover{color:#b66a24;text-decoration:none}
.page{max-width:900px;margin:0 auto;padding:24px}
.home-spacer{height:70px}
.vintage-home{text-align:center;padding:28px 0 70px}
.recipe-gate{display:inline-block;width:400px;max-width:92%;height:310px;border:0;background:#f9efe1;box-shadow:0 3px 18px rgba(0,0,0,.12);position:relative;overflow:hidden}
.recipe-gate svg{width:100%;height:100%;display:block}
.header{border-bottom:1px solid #e6d3bd;background:#fff8ee}
.header .inner{max-width:960px;margin:0 auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.brand{font-size:24px;font-family:Georgia,serif;color:#5d2c0a;text-decoration:none}
.nav{display:flex;gap:14px;flex-wrap:wrap}
.nav a{font-size:13px;color:#5d2c0a}
.content{max-width:760px;margin:28px auto;background:#fff;padding:22px;border:1px solid #ead9c7}
.content h1{font-family:Georgia,serif;font-size:32px;font-weight:normal;color:#5d2c0a;margin:0 0 14px}
.content h2{font-family:Georgia,serif;font-size:22px;font-weight:normal;color:#6b3b14;margin-top:28px}
.recipe-meta{font-size:12px;color:#777;border-bottom:1px solid #eee;padding-bottom:12px;margin-bottom:18px}
.recipe-list{display:grid;gap:10px;margin:18px 0}
.recipe-list a{display:block;padding:12px;background:#fff8ee;border:1px solid #ead9c7}
.ingredients{background:#fffaf3;border:1px solid #ead9c7;padding:16px}
.footer{max-width:960px;margin:50px auto 0;padding:24px;border-top:1px solid #ead9c7;color:#777;font-size:12px;text-align:center}
.notice{background:#fff8d7;border:1px solid #e4d580;padding:12px;font-size:12px;margin:15px 0}
@media(max-width:700px){
.header .inner{display:block}.nav{margin-top:12px}.content{margin:18px 12px}.content h1{font-size:26px}
}