/* HelpPopoverWidget: an icon beside a control, and the panel it opens against the window. */
.na-help { display: inline-flex; align-items: center; }
.na-help__button { display: inline-flex; align-items: center; justify-content: center; padding: .1rem; border: 0; border-radius: 50%; background: none; color: var(--na-text-muted, #6b7585); line-height: 1; }
.na-help__button:hover,
.na-help__button.is-open { color: var(--cui-primary, #0d6efd); }
.na-help__button:focus-visible { outline: 2px solid var(--cui-primary, #0d6efd); outline-offset: 2px; }

.na-help__panel { position: fixed; z-index: 1080; width: min(24rem, calc(100vw - 2rem)); max-height: min(28rem, 80vh); overflow: auto; padding: .75rem .9rem; border: 1px solid var(--cui-border-color, #d8dbe0); border-radius: .5rem; background: var(--cui-card-bg, #fff); box-shadow: 0 .5rem 1.5rem rgba(0, 0, 21, .15); }
.na-help__panel:focus-visible { outline: 2px solid var(--cui-primary, #0d6efd); outline-offset: -2px; }
.na-help__head { display: flex; align-items: baseline; justify-content: space-between; gap: .5rem; }
.na-help__title { color: var(--na-text-strong, #202833); font-size: .8125rem; font-weight: 700; }
.na-help__close { padding: 0 .2rem; border: 0; background: none; color: var(--na-text-muted, #6b7585); font-size: .75rem; line-height: 1; }
.na-help__close:hover { color: var(--na-text-strong, #202833); }
.na-help__body { margin-top: .35rem; color: var(--na-text-body, #354052); font-size: .8125rem; line-height: 1.5; }
.na-help__body p { margin-bottom: .5rem; }
.na-help__body ul { margin: 0 0 .5rem; padding-left: 1.1rem; }
.na-help__body li { margin-bottom: .2rem; }
.na-help__body :last-child { margin-bottom: 0; }