.overview-info-row { display: flex; margin-block: .25rem .5rem; }
.overview-info { position: relative; flex: 0 0 auto; }
.overview-info-button { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; padding: 8px; background: transparent; color: var(--rz-text-secondary-color, #43545d); cursor: pointer; border-radius: 50%; }
.overview-info-button span { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border: 1px solid currentColor; border-radius: 50%; font-family: Georgia, serif; font-size: 18px; font-weight: 700; }
.overview-info-button:hover { color: var(--rz-primary-dark, #174994); }
.overview-info-button:focus-visible { outline: 2px solid var(--rz-primary, #2463eb); outline-offset: 1px; }
.overview-info-tooltip { display: none; position: absolute; z-index: 100; inset-block-start: 100%; inset-inline-start: 0; width: min(30rem, calc(100vw - 4rem)); box-sizing: border-box; padding: .75rem 1rem; border: 1px solid var(--rz-base-300, #cbd5e1); border-radius: .6rem; background: var(--rz-base-background-color, #fff); color: var(--rz-text-color, #263238); box-shadow: 0 4px 16px #0002; font-size: .9rem; line-height: 1.5; overflow-wrap: anywhere; }
.overview-info:not(.is-dismissed):hover .overview-info-tooltip,
.overview-info:not(.is-dismissed):focus-within .overview-info-tooltip,
.overview-info.is-pinned .overview-info-tooltip { display: block; }

/* Context help belongs at the trailing edge of the ribbon action row. */
.ribbon-command-bar > .overview-info-row { margin: 0 0 0 auto; flex: 0 0 auto; align-self: center; }
.ribbon-command-bar > .overview-info-row .overview-info-tooltip { inset-inline-start: auto; inset-inline-end: 0; }