*{box-sizing:border-box}body{margin:0;background:#f8f5ef;color:#382b2d;font:16px/1.6 system-ui,-apple-system,sans-serif}.wrap{max-width:1100px;margin:auto;padding:0 20px}header{background:#511d2d;color:#f2d99e}.top{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:75px}.brand{color:#f2d99e;font-size:30px;text-decoration:none}.brand span{font-size:19px;letter-spacing:2px}nav{display:flex;gap:15px;align-items:center;flex-wrap:wrap}nav a{color:white}select,input,textarea{font:inherit;border:1px solid #d8c6bf;border-radius:8px;padding:11px;width:100%;background:white}nav select{width:auto}.hero{background:linear-gradient(130deg,#511d2d,#744154);color:#fff;text-align:center;padding:45px 20px}.hero h1{font-family:Georgia,serif;font-size:clamp(32px,5vw,52px);margin:0}.hero p{margin:8px 0}main{padding-top:25px!important;padding-bottom:60px!important}h2{color:#5c2336}.formcard,.recipe,.notice{background:white;border:1px solid #e7dcd5;border-radius:13px;padding:20px;margin-bottom:22px;box-shadow:0 4px 18px #30141b0a}summary{cursor:pointer;font-weight:700;font-size:21px;color:#5c2336}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}label{display:block;font-weight:600}label input,label select,label textarea{display:block;margin-top:5px;font-weight:400}.wide{grid-column:1/-1}button{background:#67293c;color:white;border:0;border-radius:8px;padding:11px 18px;cursor:pointer;font:inherit}.secondary{background:#867b79}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px}.recipe{overflow:hidden;padding:0}.recipe>img{display:block;width:100%;max-height:250px;object-fit:cover}.recipe .body{padding:20px}.recipe h3{color:#592338;font-size:24px;margin:8px 0}.recipe h4{margin:18px 0 4px}.recipe p{overflow-wrap:anywhere}.recipe blockquote{border-left:3px solid #c6a367;padding-left:14px;margin:15px 0}.recipe .zh{color:#796151}.recipe small{color:#6c6361}.recipe:not(:has(.body)){padding:20px}.actions{display:flex;gap:8px;flex-wrap:wrap}.notice.success{border-color:#8bb68b}.notice.error{border-color:#d78a8a}footer{text-align:center;padding:28px;color:#897d7a}@media(max-width:650px){.formgrid{grid-template-columns:1fr}.top{align-items:flex-start;padding-top:12px;padding-bottom:12px;flex-direction:column}}

/* Version 2: responsive filters, language switch and print layout */
nav form{display:flex;align-items:center;gap:5px}nav .lang-submit{padding:8px 11px;background:#85516a}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #e7dcd5;border-radius:13px;padding:18px;margin-bottom:20px}.filters label:first-child{flex:2;min-width:190px}.filters label:nth-child(2){flex:1;min-width:170px}.filters>a{padding:9px;color:#67293c}.recipe-tools{margin-top:18px}.print-recipe{font-size:14px;padding:8px 12px}@media print{header,.hero,.filters,.formcard,.notice,.recipe-tools,footer{display:none!important}body{background:white;color:black;font-size:11pt}main{max-width:none;padding:0!important}main>section>h2{display:none}.cards{display:block}.recipe{display:none!important;border:0;box-shadow:none;margin:0;break-inside:auto}.recipe.print-selected{display:block!important}.recipe img{max-height:80mm;object-fit:contain}.recipe .body{padding:0}.recipe h3{font-size:22pt}.recipe h4{margin-top:12pt}}
