.cafe-tool{padding:28px}.cafe-tool .input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cafe-tool .field-note{font-weight:400;font-size:.8rem;line-height:1.5}.cafe-tool details{margin:18px 0;border:1px solid var(--line);padding:15px}.cafe-tool summary{cursor:pointer;font-weight:600;padding:4px;min-height:44px}.cafe-tool fieldset{margin:20px 0}.cafe-tool .cafe-ingredient{padding:15px 0;border-top:1px solid var(--line)}.cafe-tool .cafe-ingredient h4{margin:0;font-size:1rem}.cafe-tool .cafe-ingredient .input-grid{margin-bottom:5px}.cafe-tool .cafe-check{display:flex;flex-direction:row;align-items:center;gap:12px;margin:24px 0;font-size:1rem}.cafe-tool .cafe-check input{width:22px;min-width:22px;height:22px}.cafe-actions{display:flex;flex-wrap:wrap;gap:12px}.cafe-actions button{min-height:48px}.cafe-tool [hidden]{display:none!important}.cafe-tool .cafe-result{border-top:2px solid var(--ink);margin-top:28px;padding-top:24px}.cafe-result h3{margin-top:30px}.cafe-result dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 18px}.cafe-result dt,.cafe-result dd{margin:0;padding:8px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.cafe-result dd{font-weight:600;text-align:right}.cafe-result .cafe-total{font-family:var(--serif);font-size:2.2rem;line-height:1.2;overflow-wrap:anywhere}.cafe-result .cafe-error{color:#922e20;font-weight:600}.cafe-result .cafe-zero-note{border-left:3px solid var(--ink);padding-left:14px}.cafe-tool input:focus-visible,.cafe-tool button:focus-visible,.cafe-tool summary:focus-visible{outline:3px solid #526f1b;outline-offset:3px}.cafe-formula{overflow-wrap:anywhere}.cafe-tool noscript{display:block;padding:16px;border:1px solid var(--line)}@media(max-width:700px){.cafe-tool{padding:22px 16px}.cafe-tool .input-grid{grid-template-columns:1fr}.cafe-tool label{font-size:.95rem}.cafe-tool fieldset{padding:16px 12px}.cafe-actions{display:grid}.cafe-result dl{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.cafe-result .cafe-total{font-size:1.9rem}}@media print{.cafe-actions{display:none}.cafe-tool fieldset{break-inside:avoid}}
.cafe-tool .cafe-check{min-height:44px}