.integration-chart{min-width:0;box-shadow:none;color:#101c33;background:#f6f8fc;border:1px solid #d9dfe8;margin:2rem 0;padding:clamp(1rem,3vw,2rem)}.integration-chart h3{margin:.7rem 0 1rem;font-size:clamp(1.3rem,3vw,1.8rem);line-height:1.3}.integration-chart p{font-size:1rem;line-height:1.65}.integration-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0;display:grid}.integration-controls label{flex-direction:column;gap:.5rem;font-weight:600;display:flex}.integration-controls output{color:#315b99;font-size:1.5rem}.integration-controls input{accent-color:#315b99;width:100%;min-height:44px;margin:0}.integration-chart button,.integration-chart select{min-height:44px;font:inherit;color:#101c33;cursor:pointer;background:#fff;border:1px solid #315b99;max-width:100%;padding:.7rem 1rem}.integration-chart button[aria-pressed=true]{color:#fff;background:#101c33}.integration-chart :is(input,button,select):focus-visible{outline-offset:4px;outline:3px solid #315b99}.integration-table:focus-visible{outline-offset:4px;outline:3px solid #315b99}.integration-switch{flex-wrap:wrap;gap:.7rem;margin:1.3rem 0;display:flex}.integration-filter{flex-direction:column;gap:.5rem;font-weight:600;display:flex}.integration-filter select{align-self:flex-start}.integration-bars{gap:1rem;margin:1.4rem 0;display:grid}.integration-bar{grid-template-columns:minmax(0,1.4fr) minmax(0,2fr) 90px;align-items:center;gap:1rem;font-size:.9rem;display:grid}.integration-bar b{text-align:right;font-variant-numeric:tabular-nums}.integration-track{background:#d9dfe8;border-left:1px solid #101c33;height:24px}.integration-track i{background:#315b99;height:100%;display:block}.integration-result{font-variant-numeric:tabular-nums;border-top:1px solid #d9dfe8;padding-top:1rem}.integration-table{margin:1.3rem 0;overflow-x:auto}.integration-table table{border-collapse:collapse;width:100%;min-width:560px;font-size:.85rem}.integration-table caption{text-align:left;margin-bottom:.7rem;font-weight:600}.integration-table :is(th,td){text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #d9dfe8;padding:.65rem .4rem}.integration-chart figcaption{color:#475569;margin-top:1.5rem;font-size:.85rem;line-height:1.65}@media (max-width:640px){.integration-controls{grid-template-columns:1fr}.integration-bar{grid-template-columns:minmax(0,1fr) 90px;gap:.5rem}.integration-bar>span{grid-column:1/-1}.integration-switch{flex-direction:column}.integration-switch button{text-align:left}.integration-chart{box-sizing:border-box;width:100%}.integration-chart figcaption{overflow-wrap:anywhere}}