.cb-notice { align-items: flex-start; padding: var(--cb-space-3); gap: var(--cb-space-2); border-radius: var(--cb-radius-md); }
.cb-notice .cb-status-banner__body { gap: var(--cb-space-1); min-width: 0; overflow-wrap: anywhere; }
.cb-notice .cb-status-banner__title, .cb-notice .cb-status-banner__text { font-size: var(--cb-text-sm); line-height: 1.5; }
.cb-notice--toast { position: fixed; z-index: var(--cb-z-toast); bottom: var(--cb-space-4); left: 50%; transform: translateX(-50%); width: min(28rem, calc(100vw - 2rem)); box-shadow: var(--cb-shadow-md); }
.cb-notice-region { position: fixed; bottom: max(var(--cb-space-4), env(safe-area-inset-bottom)); left: 50%; transform: translateX(-50%); display: grid; gap: var(--cb-space-2); width: min(28rem, calc(100vw - 2rem)); max-height: 40dvh; overflow-y: auto; z-index: var(--cb-z-toast); pointer-events: none; }
.cb-notice-region .cb-notice--toast { position: static; transform: none; width: 100%; pointer-events: auto; margin: 0; }
@media (max-width: 48rem) {
    .cb-notice-region { bottom: auto; top: max(var(--cb-space-3), env(safe-area-inset-top)); }
}