*{box-sizing:border-box}body{margin:0;background:#faf8f2;color:#25352b;font:16px/1.5 system-ui,-apple-system,sans-serif}header{background:#173e32;color:white;padding:20px max(20px,calc((100vw - 1150px)/2));display:flex;justify-content:space-between;align-items:center;gap:15px}header a{color:#f6e9b7;text-decoration:none}.brand{font-family:Georgia,serif;font-size:30px;letter-spacing:-1px}.tag{font-size:13px;color:#c7d6cb}main{max-width:1150px;margin:30px auto;padding:0 20px}h1,h2,h3{font-family:Georgia,serif;line-height:1.2}h1{font-size:42px;margin:0 0 8px}p.lead{font-size:18px;color:#52665a}.panel{background:white;border:1px solid #e0e4dc;border-radius:16px;padding:22px;margin:20px 0;box-shadow:0 2px 12px #25352b08}.toolbar{display:flex;gap:10px;flex-wrap:wrap}input,select,textarea,button{font:inherit;border:1px solid #b9c6b9;border-radius:9px;padding:10px 12px;background:white;color:#25352b}input[type=search]{flex:2;min-width:170px}select{min-width:145px}button{cursor:pointer;background:#205641;color:white;border:0}button.secondary{background:#eaf0e8;color:#205641}.graphwrap{overflow:auto;border:1px solid #e0e4dc;border-radius:14px;background:radial-gradient(#e7eee6 1px,transparent 1px);background-size:22px 22px}#graph{display:block;min-width:600px} .node{cursor:pointer}.node rect{stroke:#d1dcd1;stroke-width:1.5}.node text{font:600 14px system-ui;fill:#24362c}.node .sub{font:11px system-ui;fill:#587264}.node.active rect{stroke:#bf8c31;stroke-width:3}.edge{stroke:#b0c6b4;stroke-width:2;fill:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.tile{padding:18px;border:1px solid #dfe6dd;border-radius:12px;background:white;cursor:pointer;text-align:left}.tile h3{margin:5px 0}.small{color:#67776a;font-size:13px}.pill{display:inline-block;padding:3px 9px;border-radius:30px;background:#e9f0e6;color:#355944;font-size:12px}.recipe{display:none}.recipe.show{display:block}.recipe-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.recipe h2{font-size:32px;margin:10px 0}.ingredient{display:flex;justify-content:space-between;border-bottom:1px solid #eef0eb;padding:9px 0}.cols{display:grid;grid-template-columns:1fr 1fr;gap:25px}.related{display:flex;gap:8px;flex-wrap:wrap}.related button{font-size:13px}.muted{color:#6e796d}footer{padding:35px;text-align:center;color:#748076}label{display:block;margin:10px 0 4px;font-weight:600}textarea{width:100%;min-height:90px}form input,form select{width:100%}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:700px){header{padding:16px}.brand{font-size:25px}h1{font-size:32px}.cols,.admin-grid{grid-template-columns:1fr}.panel{padding:15px}main{margin:18px auto}}@media print{header,.toolbar,.graphwrap,#cards,footer,.noprint{display:none!important}.recipe{display:block!important}.panel{box-shadow:none;border:0}}