.bid-ask-lab{border:1px solid var(--color-divider,#201e1d29);border-radius:var(--radius-lg,1rem);background:var(--color-surface,#ebddc5);margin:1.5rem 0;padding:1.25rem}.spread-control-grid{gap:1rem;margin-bottom:1rem;display:grid}.spread-control-grid label{flex-direction:column;gap:.375rem;display:flex}.spread-control-grid label>span{color:var(--color-text,#201e1d);justify-content:space-between;align-items:center;display:flex}.spread-control-grid input[type=range]{width:100%}.spread-math-flow{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.spread-math-flow i{color:var(--color-neutral-700,#645c50);align-self:center;font-style:normal}@media (min-width:48rem){.spread-math-flow{flex-direction:row;align-items:stretch}.spread-math-flow i{align-self:center}}.spread-math-flow article{border:1px solid var(--color-divider,#dcd3c4);background:var(--color-neutral-100,#f9f4ed);border-radius:.75rem;flex-direction:column;flex:1;gap:.25rem;padding:.875rem;display:flex}.spread-math-flow article span{color:var(--color-neutral-800,#3d372e);font-size:.875rem;font-weight:800}.spread-math-flow article strong{color:var(--color-text,#201e1d);font-size:1.25rem}.spread-math-flow article small{color:var(--color-text,#201e1d);font-size:.875rem;line-height:1.5}.spread-math-flow article.is-cost{border-color:var(--color-error,#8a3b2a);background:var(--color-error-100,#f6e0da)}.spread-math-flow article.is-cost strong{color:var(--color-error,#8a3b2a)}.spread-result{border:1px solid var(--color-divider,#dcd3c4);background:var(--color-neutral-100,#f9f4ed);border-radius:.75rem;align-items:flex-start;gap:.5rem;padding:1rem;display:flex}.spread-result svg{color:var(--color-accent-2-800,#3d472b);flex-shrink:0}.spread-result p{color:var(--color-text,#201e1d);margin:0;font-size:.9375rem;line-height:1.6}.quote-audit-cases{grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem;display:grid}@media (min-width:48rem){.quote-audit-cases{grid-template-columns:repeat(3,1fr)}}.quote-audit-cases button{text-align:left;border:1px solid var(--color-divider,#dcd3c4);background:var(--color-neutral-100,#f9f4ed);color:var(--color-text,#201e1d);cursor:pointer;border-radius:.75rem;flex-direction:column;gap:.375rem;padding:1rem;font-size:.9375rem;line-height:1.5;transition:all .15s;display:flex}.quote-audit-cases button.is-selected{border-color:var(--color-accent,#c67139);outline:2px solid var(--color-accent,#c67139);outline-offset:1px}.quote-audit-cases button p{margin:0;font-size:.9375rem;line-height:1.5}.quote-audit-choice{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.quote-audit-choice p{color:var(--color-text,#201e1d);flex-basis:100%;margin:0;font-size:.9375rem;font-weight:700}.quote-audit-choice button:not(.btn){border:1px solid var(--color-divider,#dcd3c4);background:var(--color-neutral-100,#f9f4ed);color:var(--color-text,#201e1d);cursor:pointer;border-radius:.625rem;padding:.5rem 1rem;font-size:.9375rem;transition:all .15s}.quote-audit-choice button.is-selected{border-color:var(--color-accent,#c67139);background:var(--color-accent-100,#fff2eb);color:var(--color-accent-800,#643312);font-weight:700}.quote-audit-feedback{border-radius:.75rem;align-items:flex-start;gap:.5rem;padding:1rem 1.25rem;display:flex}.quote-audit-feedback.is-good{background:var(--color-accent-2-100,#f0fae1);border:1px solid var(--color-accent-2-300,#ccdbb2);color:var(--color-accent-2-900,#2c381c)}.quote-audit-feedback.is-danger{background:var(--color-error-100,#f6e0da);border:1px solid var(--color-error,#8a3b2a);color:var(--color-error,#8a3b2a)}.quote-audit-feedback svg{flex-shrink:0}.quote-audit-feedback p{color:var(--color-text,#201e1d);margin:.25rem 0 0;font-size:.9375rem;line-height:1.6}