.commodity-calc-wrapper{--brand-green:#3c8034;--brand-gray:#595959;--brand-gray-light:#f2f3f2;--brand-gray-border:#e2e3e2;--white:#fff;--color-corn:#b09a44;--color-weat:#c15944;--color-soyb:#3c8034;--color-cane:#5863a4;--active-accent:var(--brand-green);--active-accent-rgb:60,128,52;--radius:12px;--radius-sm:8px;--shadow-card:0 1px 3px rgba(0,0,0,.05),0 4px 14px rgba(0,0,0,.04);--shadow-elevated:0 4px 20px rgba(0,0,0,.07),0 12px 44px rgba(0,0,0,.05);--transition:0.3s cubic-bezier(0.4,0,0.2,1);color:var(--brand-gray);font-family:Roboto,sans-serif;margin:0 auto;max-width:800px;padding:48px 20px;-webkit-font-smoothing:antialiased}.commodity-calc-wrapper *,.commodity-calc-wrapper :after,.commodity-calc-wrapper :before{box-sizing:border-box}.commodity-calc__header{margin-bottom:36px;text-align:center}.commodity-calc__headline{color:#2a2a2a;font-family:Roboto Condensed,sans-serif;font-size:36px;font-weight:700;line-height:1.15;margin:0 0 10px}.commodity-calc__headline-ast{color:var(--active-accent);font-size:24px;line-height:0;margin-left:1px;vertical-align:super}.commodity-calc__subheadline{color:#777;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;line-height:1.5;margin:0}.commodity-calc__tabs{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.commodity-calc__tab{align-items:center;background:var(--white);border:2px solid var(--brand-gray-border);border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:18px 8px 16px;position:relative;transition:all var(--transition);-webkit-user-select:none;user-select:none}@media (hover:hover){.commodity-calc__tab:hover{border-color:#ccc;box-shadow:var(--shadow-card);transform:translateY(-1px)}.commodity-calc__tab:hover .commodity-calc__tab-icon svg{stroke:#777}.commodity-calc__tab--active:hover .commodity-calc__tab-icon svg{stroke:var(--active-accent)}}.commodity-calc__tab--active{background:rgba(var(--active-accent-rgb),.04);border-color:var(--active-accent);box-shadow:var(--shadow-card)}.commodity-calc__tab-icon{align-items:center;display:flex;height:36px;justify-content:center;transition:transform var(--transition);width:36px}.commodity-calc__tab--active .commodity-calc__tab-icon{transform:scale(1.1)}.commodity-calc__tab-icon svg{fill:none;height:100%;stroke:#999;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;transition:stroke var(--transition);width:100%}.commodity-calc__tab--active .commodity-calc__tab-icon svg{stroke:var(--active-accent)}.commodity-calc__tab-ticker{color:#2a2a2a;font-family:Roboto Condensed,sans-serif;font-size:15px;font-weight:700;letter-spacing:.03em;transition:color var(--transition)}.commodity-calc__tab--active .commodity-calc__tab-ticker{color:var(--active-accent)}.commodity-calc__tab-name{color:#999;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.commodity-calc__tab-indicator{background:var(--active-accent);border-radius:3px 3px 0 0;bottom:-2px;height:3px;left:20%;opacity:0;position:absolute;right:20%;transform:scaleX(0);transition:all var(--transition)}.commodity-calc__tab--active .commodity-calc__tab-indicator{opacity:1;transform:scaleX(1)}.commodity-calc__card{background:var(--white);border:none;border-radius:var(--radius);box-shadow:0 2px 8px rgba(0,0,0,.06),0 8px 32px rgba(0,0,0,.06);overflow:hidden;transition:box-shadow var(--transition)}@media (hover:hover){.commodity-calc__card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08),0 16px 48px rgba(0,0,0,.08)}}.commodity-calc__inputs{align-items:center;display:flex;flex-direction:column;padding:28px 28px 22px}.commodity-calc__shares-group{max-width:280px;text-align:center;width:100%}.commodity-calc__label{color:#888;display:block;font-family:Roboto Condensed,sans-serif;font-size:12px;font-weight:500;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase;transition:color var(--transition)}.commodity-calc__label-ticker{color:var(--active-accent);transition:color var(--transition)}.commodity-calc__input--shares{-moz-appearance:textfield;background:var(--brand-gray-light);border:2px solid transparent;border-radius:var(--radius-sm);color:#2a2a2a;font-family:Roboto Condensed,sans-serif;font-size:28px;font-weight:700;outline:none;padding:14px 16px;text-align:center;transition:all var(--transition);width:100%}.commodity-calc__input--shares::-webkit-inner-spin-button,.commodity-calc__input--shares::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.commodity-calc__input--shares:focus{background:var(--white);border-color:var(--active-accent);box-shadow:0 0 0 3px rgba(var(--active-accent-rgb),.1)}.commodity-calc__input--shares::placeholder{color:#aaa;font-size:20px;font-weight:500}.commodity-calc__advanced-row{display:flex;justify-content:flex-end;margin-top:12px;width:100%}.commodity-calc__advanced-toggle{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:inline-flex;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;gap:5px;padding:0;transition:color var(--transition)}.commodity-calc__advanced-toggle:hover{color:var(--active-accent)}.commodity-calc__advanced-toggle svg{transition:transform var(--transition)}.commodity-calc__advanced-toggle--open svg{transform:rotate(180deg)}.commodity-calc__advanced-toggle--open{color:var(--active-accent)}.commodity-calc__advanced-fields{display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,margin .3s ease;width:100%}.commodity-calc__advanced-fields--open{margin-top:16px;max-height:200px;opacity:1}.commodity-calc__field-adv{text-align:left}.commodity-calc__label--adv{color:#999;display:block;font-family:Roboto Condensed,sans-serif;font-size:11px;font-weight:500;letter-spacing:.08em;margin-bottom:5px;text-transform:uppercase}.commodity-calc__input--adv{-moz-appearance:textfield;background:var(--brand-gray-light);border:2px solid transparent;border-radius:var(--radius-sm);color:#2a2a2a;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;outline:none;padding:10px 14px;transition:all var(--transition);width:100%}.commodity-calc__input--adv::-webkit-inner-spin-button,.commodity-calc__input--adv::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.commodity-calc__input--adv:focus{background:var(--white);border-color:var(--active-accent);box-shadow:0 0 0 3px rgba(var(--active-accent-rgb),.1)}.commodity-calc__input--adv::placeholder{color:#aaa;font-weight:400}.commodity-calc__field-hint{color:#aaa;font-size:11px;margin-top:4px}.commodity-calc__asof{align-items:center;background:#f8f8f8;border-bottom:1px solid var(--brand-gray-border);color:#888;display:flex;flex-wrap:wrap;font-family:Roboto,sans-serif;font-size:11.5px;gap:6px;justify-content:center;line-height:1.5;padding:10px 28px;text-align:center}.commodity-calc__asof-label{color:#777;font-weight:500}.commodity-calc__asof-sep{color:#bbb;margin:0 1px}.commodity-calc__asof-override{align-items:center;color:var(--active-accent);display:inline-flex;font-weight:500;gap:3px}.commodity-calc__asof-override svg{fill:none;height:11px;stroke:var(--active-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:11px}.commodity-calc__divider{background:var(--brand-gray-border);border:none;height:1px;margin:0}.commodity-calc__result{align-items:center;background:linear-gradient(165deg,#f7f9f7,#eef1ee);display:flex;flex-direction:column;justify-content:center;min-height:240px;overflow:hidden;padding:44px 28px 40px;position:relative;text-align:center;transition:background var(--transition)}.commodity-calc__result-bg{height:200px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .6s ease;width:200px}.commodity-calc__result-bg--visible{opacity:1}.commodity-calc__result-bg svg{fill:none;height:100%;opacity:.07;stroke:var(--active-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:.8;width:100%}.commodity-calc__result-number{color:var(--active-accent);font-family:Roboto Condensed,sans-serif;font-size:72px;font-weight:700;line-height:1;margin-bottom:8px;position:relative;transition:color var(--transition)}.commodity-calc__result-unit{color:#888;font-family:Roboto Condensed,sans-serif;font-size:16px;font-weight:500;letter-spacing:.14em;margin-bottom:10px;position:relative;text-transform:uppercase}.commodity-calc__result-context{color:#999;font-family:Roboto,sans-serif;font-size:12px;font-style:italic;font-weight:400;line-height:1.5;margin-bottom:20px;max-width:340px;position:relative;text-align:center;transition:opacity var(--transition)}.commodity-calc__funfact{align-items:center;background:var(--white);border:1px solid var(--brand-gray-border);border-radius:var(--radius-sm);color:#666;display:inline-flex;font-size:13.5px;font-weight:400;gap:10px;line-height:1.5;max-width:520px;opacity:0;padding:12px 22px;position:relative;transform:translateY(6px);transition:all .4s ease}.commodity-calc__funfact--visible{opacity:1;transform:translateY(0)}.commodity-calc__funfact-icon{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.commodity-calc__funfact-icon svg{fill:none;height:100%;stroke:var(--active-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;width:100%}.commodity-calc__formula{align-items:center;background:#fafafa;border-top:1px solid var(--brand-gray-border);color:#888;display:flex;flex-wrap:wrap;font-family:Roboto,sans-serif;font-size:12.5px;gap:6px;justify-content:center;padding:13px 28px}.commodity-calc__formula-val{color:#666;font-family:Roboto Condensed,sans-serif;font-weight:500;letter-spacing:.01em}.commodity-calc__formula-op{color:#aaa;font-size:11px;font-weight:400}.commodity-calc__footnote-ref{color:var(--active-accent);cursor:default;font-size:9px;font-weight:600;line-height:0;margin-left:1px;vertical-align:super}.commodity-calc__disclaimer{border-top:1px solid #ececec;color:#888;font-size:11px;line-height:1.7;margin-top:24px;padding:16px 8px 0;text-align:center}.commodity-calc__disclaimer strong{color:#777;font-weight:500}.commodity-calc__ast-footnote{color:#888;font-size:11px;line-height:1.65;margin-top:12px;padding-top:10px}.commodity-calc__ast-footnote,.commodity-calc__methodology{border-top:1px solid #f0f0f0;margin-left:auto;margin-right:auto;max-width:600px;text-align:left}.commodity-calc__methodology{margin-top:14px;padding-top:12px}.commodity-calc__methodology-heading{color:#999;font-family:Roboto Condensed,sans-serif;font-size:10px;font-weight:500;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.commodity-calc__methodology-text{color:#999;font-size:10.5px;line-height:1.7;margin:0}.commodity-calc__sources{border-top:1px solid #f0f0f0;margin-left:auto;margin-right:auto;margin-top:14px;max-width:600px;padding-top:12px;text-align:left}.commodity-calc__sources-heading{color:#999;font-family:Roboto Condensed,sans-serif;font-size:10px;font-weight:500;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.commodity-calc__sources-list{list-style:none;margin:0;padding:0}.commodity-calc__sources-list li{color:#999;font-size:10.5px;line-height:1.6;margin-bottom:2px;padding-left:16px;position:relative}.commodity-calc__sources-list li:before{color:#888;content:attr(data-ref);font-size:9px;font-weight:600;left:0;position:absolute;top:1px}@media (max-width:600px){.commodity-calc-wrapper{padding:28px 16px}.commodity-calc__headline{font-size:26px}.commodity-calc__headline-ast{font-size:18px}.commodity-calc__subheadline{font-size:14px}.commodity-calc__tabs{gap:8px;grid-template-columns:repeat(2,1fr)}.commodity-calc__tab{padding:14px 8px 12px}.commodity-calc__tab-icon{height:30px;width:30px}.commodity-calc__inputs{padding:22px 20px 18px}.commodity-calc__shares-group{max-width:220px}.commodity-calc__input--shares{font-size:24px;padding:12px 14px}.commodity-calc__asof{font-size:10.5px;padding:8px 16px}.commodity-calc__result{min-height:200px;padding:32px 20px 28px}.commodity-calc__result-number{font-size:52px}.commodity-calc__result-unit{font-size:13px}.commodity-calc__result-context{font-size:11px;max-width:280px}.commodity-calc__result-bg{height:130px;width:130px}.commodity-calc__funfact{font-size:12.5px;padding:10px 16px}.commodity-calc__advanced-fields{grid-template-columns:1fr}.commodity-calc__formula{font-size:11px;padding:11px 16px}}