.bwn{--bwn-blue:#00619c;--bwn-ink:#153546;clear:both;width:100%;padding:64px 0 48px;margin:0 0 40px;color:var(--bwn-ink);font-family:inherit;font-variant-numeric:tabular-nums;line-height:1.5}
.bwn *{box-sizing:border-box}.bwn-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:30px}.bwn-eyebrow{font-size:14px;color:var(--bwn-blue);display:block;margin-bottom:10px}.bwn .bwn-heading h2{font:inherit;font-size:clamp(30px,3.4vw,46px);line-height:1.08;letter-spacing:-.025em;margin:0;color:var(--bwn-ink)}.bwn-heading>p{max-width:300px;font-size:16px;margin:0;color:#494949}.bwn-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.25fr);gap:clamp(24px,4vw,64px);align-items:start}.bwn-visual{background:#00619c;color:white;border-radius:24px;padding:28px;position:relative;overflow:hidden}.bwn-control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 16px}.bwn-control>label{font-size:21px}.bwn-input-wrap{display:flex;align-items:baseline;border-bottom:1px solid #8ac5e4;gap:5px}.bwn .bwn-grams{color:#fff!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;width:102px;min-height:52px;padding:0 2px!important;font:inherit;font-size:34px;text-align:right;appearance:textfield}.bwn-grams::-webkit-inner-spin-button{appearance:none}.bwn .bwn-grams:focus-visible{outline:2px solid #fecb4f;outline-offset:4px}.bwn-help{grid-column:1/-1;font-size:13px;color:#e4f4fc}.bwn-presets{display:flex;gap:8px;grid-column:1/-1;margin-top:10px}.bwn .bwn-presets button{flex:1;font:inherit;font-size:14px;min-height:44px;padding:7px 5px;background:transparent;color:#fff;border:1px solid #8ac5e4;border-radius:10px;cursor:pointer;transition:background .18s,color .18s}.bwn .bwn-presets button[aria-pressed=true]{background:#fff;color:#005488;border-color:#fff}.bwn .bwn-presets button:hover{background:#e2f3fc;color:#005488}.bwn .bwn-presets button:focus-visible{outline:3px solid #fecb4f;outline-offset:3px}.bwn .bwn-presets button:disabled{cursor:default;opacity:.6}.bwn .bwn-error{grid-column:1/-1;margin:0;font-size:13px;color:white;min-height:20px}.bwn-chart{position:relative;width:min(100%,300px);margin:0 auto}.bwn-chart svg{display:block;width:100%;height:auto;overflow:visible}.bwn-track,.bwn-arc{fill:none;stroke-width:9}.bwn-track{stroke:#3986b5}.bwn-arc{stroke-linecap:butt;transition:stroke-dasharray .28s cubic-bezier(.22,1,.36,1)}.bwn-crosshair{stroke:#b4daef;stroke-width:1}.bwn-chart-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.bwn-chart-center strong{font-weight:400;font-size:34px;line-height:1.1}.bwn-chart-center span{font-size:13px;color:#e4f4fc}.bwn .bwn-chart-caption{text-align:center;font-size:14px;margin:0 0 21px;color:white}.bwn-legend{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px 22px}.bwn-legend>div{padding:8px 0;border-top:1px solid #73acd0;display:flex;flex-direction:column;gap:2px}.bwn-legend dt{font-size:13px;color:#fff;display:flex;align-items:center;gap:8px}.bwn-legend dt:before{content:'';width:7px;height:7px;background:var(--bwn-series);border-radius:50%}.bwn-legend dd{font-size:26px;margin:0;color:#fff}.bwn .bwn-chart-note{font-size:12px;color:#e4f4fc;margin:16px 0 0;max-width:36ch}.bwn-table-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:2px 0 20px}.bwn .bwn-table-heading h3{font:inherit;font-size:22px;color:var(--bwn-ink);margin:0}.bwn-table-heading>span{font-size:17px;color:var(--bwn-blue);white-space:nowrap}.bwn table.bwn-table{width:100%;table-layout:fixed;border-collapse:collapse;border:0;margin:0!important;background:transparent;font-size:15px}.bwn .bwn-table th,.bwn .bwn-table td{background:transparent;border:0;border-bottom:1px solid #dee8ed;padding:13px 7px;vertical-align:middle;line-height:1.3;text-align:right}.bwn .bwn-table th:first-child{text-align:left;width:35%;padding-left:0}.bwn .bwn-table thead th{font-size:12px;color:#48616e;font-weight:400;padding-top:0;padding-bottom:14px}.bwn .bwn-table tbody th{font-weight:400;color:#153546}.bwn .bwn-table td:nth-child(3){color:#005184;background:#f0f7fb;font-weight:600}.bwn .bwn-table td:nth-child(4){color:#005184}.bwn .bwn-table small{font-size:11px;white-space:nowrap;font-weight:400}.bwn .bwn-table th small{display:block;color:#526975;margin-top:2px}.bwn .bwn-table .bwn-subnutrient{padding-left:12px;color:#526975;font-size:14px}.bwn .bwn-reference-note{font-size:12px;line-height:1.5;color:#48616e;margin:17px 0 20px}.bwn-explanation{border-top:1px solid #dee8ed;padding-top:15px;font-size:14px}.bwn-explanation summary{cursor:pointer;color:#005184;padding:8px 0;list-style-position:inside}.bwn-explanation summary:focus-visible{outline:2px solid var(--bwn-blue);outline-offset:4px}.bwn-explanation p{font-size:14px;margin:12px 0}.bwn-explanation a{color:#005184;text-decoration:underline}.bwn-jump{display:inline-flex;align-items:center;gap:16px;padding:12px 0;color:#00619c;font-size:15px;text-decoration:underline;text-underline-offset:4px}.bwn-invalid .bwn-input-wrap{border-color:#fecb4f}
@media(min-width:1200px){.bwn-visual{padding:32px}}
@media(max-width:850px){.bwn-layout{grid-template-columns:1fr;gap:32px}.bwn-visual{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px 28px}.bwn-control{grid-column:1;grid-row:1/3;align-self:start}.bwn-chart{grid-column:2;grid-row:1/3}.bwn-chart-caption{grid-column:2}.bwn-legend{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.bwn-chart-note{grid-column:1/-1}.bwn-heading{align-items:start}}
@media(max-width:560px){.bwn{padding-top:38px}.bwn-heading{display:block;margin-bottom:24px}.bwn-heading>p{margin-top:16px;max-width:none}.bwn-visual{display:block;border-radius:20px;padding:24px}.bwn-control>label{font-size:20px}.bwn-chart{width:260px;max-width:100%}.bwn-legend{display:grid;grid-template-columns:1fr 1fr}.bwn .bwn-table-heading h3{font-size:21px}.bwn .bwn-table{font-size:13px}.bwn .bwn-table th,.bwn .bwn-table td{padding:12px 4px}.bwn .bwn-table th:first-child{width:35%}.bwn .bwn-table .bwn-subnutrient{font-size:12px;padding-left:6px}.bwn .bwn-table thead th{font-size:11px}.bwn .bwn-table small{font-size:10px}.bwn-table-heading>span{font-size:15px}.bwn-explanation{font-size:14px}}
@media(prefers-reduced-motion:reduce){.bwn *{transition:none!important;scroll-behavior:auto!important}}