/* public "How we built it" and "Design system" pages (R39) */
.bs-public .lead{font-size:1.15em;max-width:900px}.bs-card{border:1px solid rgba(130,232,255,.4);border-radius:20px;padding:16px 20px;margin:16px 0;background:linear-gradient(130deg,rgba(16,43,104,.85),rgba(33,28,89,.85))}
.bs-card li{margin:6px 0}.ds-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.ds-sw{border-radius:14px;padding:10px;min-height:90px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;text-shadow:0 1px 2px #000;border:1px solid rgba(255,255,255,.3)}
.ds-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:10px 0}.ds-code{display:block;background:rgba(0,0,0,.45);border-radius:12px;padding:10px;overflow:auto;white-space:pre;font:13px ui-monospace,monospace}