/* The demo's own few rules; everything else is the product's style sheet (css/app.css, copied unchanged by the build). */
.demo-badge { font-size: 0.6em; vertical-align: middle; padding: 2px 8px; border-radius: 999px; background: var(--warn-bg); color: var(--warn); }
.demo-lead { margin-top: 0; }
#demo-fiction-note { border-color: #b7791f; }
.demo-meeting-list, .demo-tasks, .demo-decisions { list-style: none; padding: 0; margin: 8px 0; display: grid; gap: 8px; }
.demo-meeting-open, #demo-prepared button, .tabs button, #demo-reset { min-height: 44px; text-align: left; overflow-wrap: anywhere; }
.demo-meeting-open[aria-pressed="true"] { border-color: var(--accent); box-shadow: inset 4px 0 0 var(--accent); }
.tabs { flex-wrap: wrap; }
.demo-reset-row { display: flex; justify-content: flex-end; margin: 8px 0; }
#demo-what-is-real { margin: 16px 0; }
#demo-what-is-real > summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; }
.demo-filters { align-items: center; margin: 8px 0; }
.demo-filter select { min-height: 44px; }
.demo-history { margin: 6px 0 0; padding-left: 20px; }
.demo-history > li { margin-bottom: 8px; }
.demo-task h4 { margin-top: 0; }
#demo-question { width: 100%; box-sizing: border-box; }
#demo-answer { margin-top: 16px; }
#demo-capabilities td { overflow-wrap: anywhere; }
.demo-footer { max-width: 760px; margin: 0 auto 24px; padding: 0 16px; box-sizing: border-box; }
@media (max-width: 600px) { .demo-reset-row { justify-content: flex-start; } }