.menu-demo{border:2px solid #a65e00;background:#fff6df;color:#503100}
[data-menu-workbench] label{display:grid;gap:.45rem;margin:1rem 0}
[data-menu-workbench] input,[data-menu-workbench] select{box-sizing:border-box;width:100%;max-width:100%;padding:.75rem;font:inherit;min-height:48px}
[data-menu-workbench] select{white-space:normal}
.menu-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0}
.menu-values article{padding:1rem;border:1px solid #dce5ec;border-radius:12px;background:#f7fafc;display:grid;gap:.5rem}
.menu-values strong{font-size:1.35rem;overflow-wrap:anywhere}
.menu-values span{color:#435466}
[data-menu-workbench] [hidden]{display:none}
@media(max-width:600px){.menu-values{grid-template-columns:repeat(2,minmax(0,1fr))}[data-menu-workbench]{padding:1rem}.menu-values article{padding:.75rem}.menu-values strong{font-size:1.1rem}}