.bwc-converter{max-width:1120px;color:var(--ink);margin:auto;padding:28px 38px 35px}.conv-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding-bottom:25px;display:flex}.conv-top nav{color:var(--rose);gap:24px;font-size:12px;display:flex}.conv-top nav a{text-underline-offset:5px;text-decoration:underline}.conv-intro{text-align:center;margin:55px auto 38px}.conv-intro h1{font:clamp(50px,6vw,76px)/1.03 var(--serif);letter-spacing:-2.5px;white-space:normal;margin-bottom:24px}.conv-intro>p:last-child{color:var(--muted);font-size:14px;line-height:1.9}.conv-workspace{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:26px;display:grid}.conv-form{border:1px solid var(--line);background:#fffdf8;border-radius:22px;padding:32px}.conv-form h2{font:33px/1.2 var(--serif);letter-spacing:-.7px}.conv-lead{color:var(--muted);margin:14px 0 28px;font-size:13px;line-height:1.9}.conv-label{align-items:center;gap:12px;margin:27px 0 13px;font-size:13px;display:flex}.conv-label>span{border:1px solid var(--line);width:28px;height:28px;font:italic 15px var(--serif);color:var(--rose);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.conv-form select,.conv-form input{background:var(--cream);width:100%;min-height:49px;color:var(--ink);font:14px var(--sans);border:1px solid #d1ada5;border-radius:11px;max-width:100%;padding:11px 12px}.conv-form select{padding-right:26px}.conv-reference{color:var(--rose);margin-top:11px;font-size:11px;line-height:1.7}.conv-directions{border:1px solid var(--line);border-radius:25px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.conv-directions button{min-height:43px;color:var(--muted);font:11px/1.5 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:22px;padding:9px 7px}.conv-directions button[aria-pressed=true]{background:var(--blush);color:var(--rose)}.conv-inputs{grid-template-columns:1fr 1fr;gap:16px;display:grid}.conv-inputs label{color:var(--muted);margin-bottom:9px;font-size:11px;display:block}.conv-inputs input{font-size:21px}.conv-help{color:var(--muted);margin-top:13px;font-size:11px;line-height:1.8}.conv-form input[aria-invalid=true]{border-color:var(--rose)}:is(.bwc-converter a:focus-visible,.bwc-converter button:focus-visible,.bwc-converter input:focus-visible,.bwc-converter select:focus-visible){outline:2px solid var(--rose);outline-offset:4px}.conv-answer{background:var(--blush);border:1px solid var(--line);text-align:center;border-radius:22px;padding:35px 28px;position:sticky;top:25px}.conv-answer .eyebrow{letter-spacing:1.4px;font-size:8px}.conv-answer-ingredient{font:27px/1.25 var(--serif);color:var(--ink);overflow-wrap:anywhere;margin:22px 0}.conv-source{color:var(--muted);font-size:13px;line-height:1.8}.conv-answer output{font:clamp(33px,4.2vw,55px)/1.15 var(--serif);letter-spacing:-1.5px;color:var(--rose);overflow-wrap:anywhere;margin:15px 0 19px;display:block}.conv-equation{color:var(--muted);overflow-wrap:anywhere;font-size:11px;line-height:1.8}.conv-copy{background:var(--rose);color:var(--cream);border:1px solid var(--rose);font:11px var(--sans);cursor:pointer;border-radius:30px;justify-content:center;align-items:center;gap:12px;margin-top:25px;padding:13px 20px;display:inline-flex}.conv-copy svg{width:16px;height:16px}.conv-copy-status{min-height:19px;color:var(--rose);margin-top:9px;font-size:11px;line-height:1.7}.conv-answer-note{border-top:1px solid #d9b8af;margin-top:17px;padding-top:23px}.conv-answer-note p{font:italic 23px/1.25 var(--serif);color:var(--rose);margin-bottom:13px}.conv-answer-note span{color:var(--muted);font-size:11px;line-height:1.9;display:block}.conv-chart{border-top:1px solid var(--line);margin-top:45px;padding-top:57px}.conv-chart-heading{grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:27px;display:grid}.conv-chart h2{font:35px/1.18 var(--serif);letter-spacing:-.8px;white-space:normal}.conv-chart-heading>p{color:var(--muted);font-size:13px;line-height:1.9}.conv-table-wrap{border:1px solid var(--line);border-radius:17px;overflow:hidden}.conv-table-wrap table{border-collapse:collapse;width:100%;font-size:13px}.conv-table-wrap caption{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.conv-table-wrap th,.conv-table-wrap td{border-bottom:1px solid var(--line);text-align:left;padding:15px 23px;font-weight:400}.conv-table-wrap thead{background:var(--blush);color:var(--rose)}.conv-table-wrap tbody tr:last-child>*{border-bottom:0}.conv-table-wrap td{text-align:right;color:var(--rose);font-variant-numeric:tabular-nums}.conv-table-wrap thead th:last-child{text-align:right}.conv-table-wrap tbody tr:nth-child(2n){background:#f9f0e8}.conv-table-wrap tbody tr.conv-selected{background:#f2dfd8}.conv-footnotes{color:var(--muted);max-width:820px;margin-top:23px;font-size:11px;line-height:1.9}.conv-footnotes p{margin-bottom:10px}.conv-footnotes p:first-child{color:var(--rose)}.conv-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:18px 30px;margin-top:35px;padding-top:23px;font-size:10px;line-height:1.8;display:flex}.conv-footer>a{border:1px solid var(--rose);background:var(--rose);max-width:100%;min-height:48px;color:var(--cream);font:12px/1.7 var(--sans);text-align:center;box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:14px 22px;text-decoration:none;transition:background .2s;display:inline-flex}.conv-footer>a:hover{background:#784239}.conv-footer>a svg{flex-shrink:0}.conv-footer svg{width:14px;height:14px}@media (max-width:760px){.bwc-converter{padding:23px 22px 30px}.conv-top{align-items:start}.conv-top nav{flex-direction:column;gap:12px;font-size:10px}.conv-top .brand{font-size:26px}.conv-top .brand small{font-size:6px}.conv-workspace{grid-template-columns:1fr;gap:22px}.conv-answer{padding:30px 25px;position:static}.conv-answer output{font-size:49px}.conv-answer-ingredient{font-size:29px}.conv-intro{margin:40px auto 30px}.conv-intro h1{font-size:60px}.conv-form{padding:27px 23px}.conv-form input,.conv-form select{font-size:16px}.conv-inputs input{font-size:23px}.conv-chart-heading{grid-template-columns:1fr;gap:20px}.conv-chart{margin-top:35px;padding-top:37px}.conv-chart h2{font-size:32px}.conv-table-wrap th,.conv-table-wrap td{padding:14px 18px}.conv-answer-note{max-width:390px;margin-inline:auto}.conv-intro .eyebrow{letter-spacing:1.5px;font-size:8px}}@media (max-width:380px){.bwc-converter{padding-inline:15px}.conv-top .brand{font-size:22px}.conv-form{padding:25px 18px}.conv-label{gap:9px;font-size:12px}.conv-directions button{font-size:10px}.conv-inputs{gap:11px}.conv-inputs label{font-size:10px}.conv-form select{font-size:14px}.conv-intro h1{font-size:52px}}.conv-answer output.conv-practical{letter-spacing:-.8px;overflow-wrap:normal;font-size:clamp(30px,3.4vw,43px);line-height:1.35}.conv-measure-part{white-space:nowrap;display:inline-block}.conv-measure-plus{font-size:.75em}.conv-calculated{color:var(--muted);margin:0 0 20px;font-size:12px;line-height:1.8}.conv-rounding-note{color:var(--rose);background:#fffaf380;border:1px solid #d9b8af;border-radius:12px;margin-top:15px;padding:13px;font-size:11px;line-height:1.9}
