.demo-notice { display: grid; grid-template-columns: 1fr auto; gap: 5px 18px; background: #edf4ff; border: 1px solid #bfd4f4; border-radius: 12px; padding: 12px 16px; margin-bottom: 18px; color: #27476c; font-size: 12px; line-height: 1.6; }
.demo-notice strong { grid-column: 1; }
.demo-notice span { grid-column: 1; }
.demo-notice a { grid-column: 2; grid-row: 1 / 3; align-self: center; }
@media (max-width: 640px) { .demo-notice { display: block; } .demo-notice > * { display: block; } .demo-notice a { margin-top: 6px; } }

:root[data-theme="dark"] .demo-notice { background: var(--accent-soft); border-color: var(--accent-border); color: var(--text-secondary); }
:root[data-theme="dark"] .demo-notice a { color: var(--accent-text); }