:root{font-family:system-ui,sans-serif;color:#252621;background:#f9f5eb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;padding:24px;margin:auto}header{display:flex;align-items:center;gap:16px;border-bottom:1px solid #d6d2c8}.os-logo{width:96px;height:auto;object-fit:contain}.brand{font-weight:700;letter-spacing:.04em}h1{font-size:clamp(1.7rem,4vw,2.7rem);max-width:760px;line-height:1.15}h2{font-size:1.3rem}h3{margin-top:2rem}.note{color:#5e6158;max-width:760px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.costing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}section{min-width:0;background:#fffdf7;border:1px solid #ded9ce;padding:22px;border-radius:12px}label{display:flex;flex-direction:column;gap:6px;margin:14px 0;font-weight:600}input,select,button{font:inherit;font-size:16px;min-height:44px;border:1px solid #a4a79c;border-radius:6px;padding:10px;max-width:100%}button{background:#234336;color:#fff;cursor:pointer;margin:4px 4px 4px 0}button:disabled{opacity:.55;cursor:default}input,select{background:white;color:#20241e;width:100%}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bc871e;outline-offset:2px}article{border-top:1px solid #ded9ce;padding:12px 0;overflow-wrap:anywhere}article h4{margin:8px 0}.recipe-line{display:grid;grid-template-columns:minmax(0,1fr) 100px 28px;gap:8px;align-items:center;margin:16px 0}.recipe-line button{grid-column:1 / -1;justify-self:start;background:#ecebe4;color:#252621}#status,[role=status]{padding:12px;border-left:3px solid #bf8b2c;background:#f2ecdd}.local-notice{background:#683a1f;color:white;padding:12px;text-align:center}@media(max-width:700px){main{padding:16px}.costing-grid{grid-template-columns:1fr;gap:16px}section{padding:16px}.os-logo{width:72px}.recipe-line{grid-template-columns:minmax(0,1fr) 80px 24px}}