/* The strip shown to a demo visitor (pages/components/demo_banner.py). */
.demo-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px 16px;
    padding: 8px 16px;
    background: var(--surface);
    color: var(--text-main);
    border-bottom: 1px solid var(--accent-primary);
    font-size: 0.95rem;
    text-align: center;
}

.demo-banner .demo-signup-form {
    margin: 0;
}

/* Inside the paywall window the form sits below the sentence, centred. */
.demo-paywall-cta .demo-signup-form {
    margin-top: 12px;
}