.sdf{font-family:var(--font-ui,"Figtree", system-ui, sans-serif);color:var(--slate,#16262b)}.sdf *{box-sizing:border-box}.sdf__heading{color:var(--text);margin:0 0 1rem}.sdf__grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}.sdf__grid--compact{grid-template-columns:1fr;gap:1rem}@media (width<=640px){.sdf__grid{grid-template-columns:1fr}}.sdf__builder,.sdf__readout{background:var(--bone,#f5f1ea);border:1px solid var(--greige,#d9cdbf);border-radius:10px;padding:1rem}.sdf__builder-head{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.sdf__eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--slate-mid,#2c4c54);font-size:.72rem;font-weight:600}.sdf__clear{font:inherit;color:var(--slate);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.2rem .3rem;font-size:.8rem}.sdf__clear:disabled{color:var(--slate-muted,#d9cdbf);cursor:default}.sdf__clear:not(:disabled):hover{text-decoration:underline}.sdf__herbs{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.sdf__herb{border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .6rem;display:flex}.sdf__herb.is-active{border-color:var(--greige,#d9cdbf);background:#00000004}.sdf__herb-label{flex-direction:column;gap:.2rem;min-width:0;display:flex}.sdf__herb-name{font-weight:500}.sdf__prov{letter-spacing:.03em;text-transform:uppercase;border-radius:4px;width:max-content;padding:.05rem .3rem;font-size:.66rem}.sdf__prov--reference-estimate{background:var(--greige,#d9cdbf);color:var(--slate,#16262b)}.sdf__prov--tasted{color:var(--bone,#f5f1ea);background:#5a7054;font-weight:600}.sdf__stepper{flex:none;align-items:center;gap:.35rem;display:flex}.sdf__step{font:inherit;border:1px solid var(--greige,#d9cdbf);background:var(--bone,#f5f1ea);width:1.9rem;height:1.9rem;color:var(--slate,#16262b);cursor:pointer;border-radius:6px;font-size:1.1rem;line-height:1}.sdf__step:not(:disabled):hover{border-color:var(--cta,#1f5e52)}.sdf__step:disabled{opacity:.4;cursor:default}.sdf__amount{text-align:center;font-variant-numeric:tabular-nums;min-width:1.2rem}.sdf__label{font-size:1.15rem;font-weight:600;line-height:1.3}.sdf__provisional{color:var(--slate-mid,#2c4c54);margin:.35rem 0 .75rem;font-size:.78rem}.sdf__bars{flex-direction:column;gap:.4rem;margin-top:.5rem;display:flex}.sdf__bar-row{grid-template-columns:5.5rem 1fr 1.4rem;align-items:center;gap:.5rem;display:grid}.sdf__bar-name{color:var(--slate-mid,#2c4c54);font-size:.8rem}.sdf__bar-track{background:var(--greige,#d9cdbf);border-radius:999px;height:.5rem;overflow:hidden}.sdf__bar-fill{background:var(--amber,#f39c07);border-radius:999px;height:100%;transition:width .25s;display:block}.sdf__bar-val{text-align:right;font-variant-numeric:tabular-nums;font-size:.8rem}.sdf__bar-row.is-dominant .sdf__bar-name{color:var(--slate,#16262b);font-weight:600}.sdf__notes{margin-top:.9rem}.sdf__note{border-left:2px solid var(--amber,#f39c07);margin:.35rem 0;padding-left:.6rem;font-size:.85rem;line-height:1.45}.sdf__cocktails{margin-top:.9rem}.sdf__cocktails ul{flex-wrap:wrap;gap:.75rem;margin:.3rem 0 0;padding:0;list-style:none;display:flex}.sdf__cocktails a{color:var(--slate,#1f5e52);font-weight:500}.sdf__match{color:var(--slate-mid,#2c4c54);margin-left:.3rem;font-size:.72rem}.sdf__trad{margin-top:.9rem;font-size:.85rem}.sdf__trad summary{cursor:pointer;color:var(--slate,#1f5e52);font-weight:500}.sdf__trad ul{margin:.5rem 0 0;padding-left:1.1rem}.sdf__trad li{margin:.3rem 0;line-height:1.45}.sdf__trad-herb{font-weight:600}.sdf__trad-src{color:var(--slate-mid,#2c4c54);font-size:.8em}.sdf__trad-foot{color:var(--slate-mid,#2c4c54);margin-top:.5rem;font-size:.78rem}.sdf__cta{background:var(--cta,#1f5e52);color:var(--cta-text,#f5f1ea);border-radius:8px;margin-top:.9rem;padding:.5rem .9rem;font-weight:600;text-decoration:none;display:inline-block}.sdf__cta:hover{filter:brightness(1.08)}.sdf__sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sdf__step:focus-visible,.sdf__clear:focus-visible,.sdf__cta:focus-visible,.sdf__trad summary:focus-visible,.sdf__cocktails a:focus-visible{outline:2px solid var(--cta,#1f5e52);outline-offset:2px}@media (prefers-reduced-motion:reduce){.sdf__bar-fill{transition:none}}