/* Same-origin stylesheet: the production CSP deliberately forbids inline CSS. */
.demo-notice {
  position: fixed;
  inset: auto 16px 16px auto;
  z-index: 1100;
  box-sizing: border-box;
  max-width: min(320px, calc(100vw - 32px));
  border: 1px solid var(--wp-border-subtle, #555b78);
  border-radius: 12px;
  background: var(--wp-surface-sheet, #323854);
  color: var(--wp-text-primary, #fff5db);
  box-shadow: 0 3px 12px #0002;
  font: 14px/1.5 var(--wp-font-reading, system-ui);
}
.demo-notice summary { cursor: pointer; padding: 10px 14px; min-height: 44px; box-sizing: border-box; }
.demo-notice p { margin: 0; padding: 0 14px 14px; }
.demo-notice summary:focus-visible { outline: 3px solid var(--wp-accent-delivery, #ff9c7d); outline-offset: 3px; }
.demo-unavailable { margin: 0; background: #242844; color: #fff5db; font: 18px/1.6 system-ui, sans-serif; }
.demo-unavailable-content { max-width: 42rem; margin: 12vh auto; padding: 2rem; }
.demo-unavailable-content a { color: #f8c843; }