section{display:flex;flex-direction:column;align-items:center;margin:var(--space-m) auto var(--space-l);width:min(70ch,90%)}form{display:flex;flex-direction:column;gap:var(--space-s)}.input-container{display:flex;flex-direction:column;gap:var(--space-xs);input{padding:var(--space-2xs) var(--space-xs);border:1px solid var(--clr-border);border-radius:var(--radius-blunt)}}.batch-size-container{margin-bottom:var(--space-s);.batch-size-inputs{display:flex;flex-direction:row;gap:var(--space-xs)}#batch-size{flex:1}#batch-unit{background-color:var(--clr-white-true);padding:var(--space-2xs) var(--space-xs);padding-right:35px;border:1px solid var(--clr-border);border-radius:var(--radius-blunt)}}.calc-heading{font-size:var(--step-1);font-weight:600}.total-row{display:flex;flex-direction:row;gap:var(--space-2xl);margin-bottom:var(--space-s);div{display:flex;flex-direction:row;gap:var(--space-s)}p{font-size:var(--step-1);font-weight:500}}.input-row{display:flex;flex-direction:row;gap:var(--space-xs);margin-bottom:var(--space-2xs)}.ingredient-input{flex:1}.delete-button{font-size:var(--step--1);font-weight:300;color:var(--clr-danger);cursor:pointer;border:none;background-color:transparent}.delete-button:hover{text-decoration:underline;color:red}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.rounding-container{margin-bottom:var(--space-s)}fieldset{display:flex;flex-direction:row;gap:var(--space-s);border:none;label{font-weight:500}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid var(--clr-black);border-radius:50%;outline:none;margin-right:var(--space-2xs);position:relative;cursor:pointer}input[type=radio]:checked{background-color:var(--clr-white-true);border:2px solid var(--clr-black)}input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:var(--clr-black)}}.result-container{margin:var(--space-l) 0;background-color:var(--clr-white-true);border:1px solid var(--clr-border);border-radius:var(--radius-blunt);padding:var(--space-l) var(--space-m)}table{width:100%;border-collapse:collapse}caption{font-size:var(--step-1);font-weight:600;margin-bottom:var(--space-s)}th,td{padding:var(--space-xs) var(--space-s);text-align:left}.result-header{font-weight:600;color:var(--clr-text-light)}.result-row{font-weight:500;border-bottom:1px solid var(--clr-border)}.error-container{margin:var(--space-s) 0}#error-message{color:var(--clr-danger);text-align:left}.batch-calc-container[data-astro-cid-4t26vnpw]{background-color:var(--clr-white)}header[data-astro-cid-4t26vnpw]{display:flex;flex-direction:column;align-items:center;background-color:var(--clr-white-true)}.calculator-info[data-astro-cid-4t26vnpw]{width:min(65ch,90%);margin:var(--space-l) auto;background-color:var(--clr-white-true);padding:var(--space-m);border-radius:var(--radius);border:1px solid var(--clr-border)}.calculator-info[data-astro-cid-4t26vnpw] h2[data-astro-cid-4t26vnpw]{font-size:var(--step-1);font-weight:700;margin-bottom:var(--space-s)}.calculator-info[data-astro-cid-4t26vnpw] p[data-astro-cid-4t26vnpw]{font-size:var(--step-0);margin-bottom:var(--space-m)}.calculator-instructions[data-astro-cid-4t26vnpw]{display:flex;flex-direction:column;gap:var(--space-m);margin:var(--space-m) 0 var(--space-s)}.instruction-step[data-astro-cid-4t26vnpw]{display:flex;gap:var(--space-s)}.step-number[data-astro-cid-4t26vnpw]{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:var(--clr-yellow);border-radius:var(--radius-circle);font-weight:700;font-size:var(--step-0);flex-shrink:0}.step-content[data-astro-cid-4t26vnpw]{flex:1}.step-content[data-astro-cid-4t26vnpw] h3[data-astro-cid-4t26vnpw]{font-size:var(--step-0);font-weight:600;margin-bottom:var(--space-2xs)}.step-content[data-astro-cid-4t26vnpw] p[data-astro-cid-4t26vnpw]{font-size:var(--step-0);margin-bottom:var(--space-2xs)}.step-content[data-astro-cid-4t26vnpw] ul[data-astro-cid-4t26vnpw]{list-style-type:disc;margin-left:var(--space-m);margin-bottom:var(--space-s)}
