/* Source palette: B2B 1.2.0 assets/b2b.css. Layout stays within the demo Suite. */
.b2b-demo{--b2b-demo-ink:#0b1220;--b2b-demo-blue:#006be6;color:var(--b2b-demo-ink);min-width:0}
.b2b-demo-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px;color:var(--b2b-demo-ink)}
.b2b-demo-heading h2{color:inherit;margin:0 0 8px;font-size:25px;line-height:1.2}
.b2b-demo-heading p{margin:0;color:#5f6f84;max-width:65ch;font-size:14px}
.b2b-demo-heading .btn{flex-shrink:0;background:#006be6;color:#fff;border-color:#006be6}
.b2b-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.b2b-demo .panel{min-width:0;border-color:#dce4ef}
.b2b-demo .primary{background:#006be6;border-color:#006be6;color:#fff}
.b2b-demo .summary-list dd{overflow-wrap:anywhere}
.b2b-demo-activity{padding-left:22px}.b2b-demo-activity li{padding:8px 0}
.b2b-demo-footnote{margin:24px 0 0;padding-top:14px;border-top:1px solid #dce4ef;font-size:12px;color:#526276}
@media(max-width:850px){.b2b-demo-grid{grid-template-columns:1fr}.b2b-demo-heading{flex-direction:column;gap:12px}.b2b-demo-heading h2{font-size:23px}.b2b-demo-heading .btn{max-width:100%}}
.b2b-demo-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.b2b-demo-total{font-size:20px;font-weight:750;color:#0b3c78}
.b2b-demo-standalone{padding:16px;border:2px solid #c2d2e8;border-radius:12px;background:#f8fafc}
.b2b-demo-mode{font-size:12px;font-weight:700;color:#365579;margin:0 0 12px}
.b2b-demo .form-grid{align-items:start}
@media(max-width:600px){.b2b-demo-actions .btn{width:100%;text-align:center}.b2b-demo-standalone{padding:10px}}