/* Prototype context stays outside the business result content. */
.prototype-note { position: relative; flex: 0 0 auto; font-size: 12px; color: #666; font-weight: 400; }
.prototype-note > summary { cursor: pointer; padding: 10px 8px; min-height: 40px; display: flex; align-items: center; list-style: none; white-space: nowrap; }
.prototype-note > summary::after { content: '⌄'; margin-left: 6px; }
.prototype-note > .prototype-note__body { position: absolute; z-index: 2000; right: 0; top: 100%; width: min(340px, calc(100vw - 32px)); padding: 16px; background: #fff; color: #555; border: 1px solid #dcdfe5; border-radius: 6px; box-shadow: 0 6px 20px rgb(0 0 0 / 12%); line-height: 1.65; }
.prototype-note p { margin: 0; }
.prototype-note label { display: block; margin-top: 12px; margin-bottom: 6px; }
.prototype-note select { width: 100%; min-height: 36px; padding: 6px; border: 1px solid #bbb; background: #fff; color: #333; font: inherit; }
.prototype-note :focus-visible { outline: 2px solid #0052d9; outline-offset: 2px; }