.report-chart-navigation { position: relative; }
.report-chart-navigation .report-chart-navigation__point { cursor: pointer; pointer-events: all; }
.report-chart-navigation .report-chart-navigation__point:hover,
.report-chart-navigation .report-chart-navigation__point:focus-visible { text-decoration: underline; outline: 2px solid var(--sl-copper-bright); outline-offset: 3px; }
.report-chart-navigation__tip { position: absolute; z-index: 5; box-sizing: border-box; width: 290px; max-width: 100%; padding: 16px; border-radius: 12px; background: var(--sl-surface); color: var(--sl-text); box-shadow: 0 8px 28px rgba(0,0,0,.25); font: 16px/1.45 var(--sl-yoo-font-body, Arsenal, sans-serif); text-align: left; }
.report-chart-navigation__tip[hidden], .report-chart-navigation__tip button[hidden] { display: none; }
.report-chart-navigation__title { display: block; font-size: 19px; color: var(--sl-text); }
.report-chart-navigation__position { margin: 4px 0 8px; color: var(--sl-copper-bright); }
.report-chart-navigation__explanation { margin: 0 0 10px; color: var(--sl-muted); }
.report-chart-navigation__tip button { min-height: 44px; background: transparent; border: 0; padding: 8px 0; font: inherit; text-align: left; cursor: pointer; }
.report-chart-navigation__action { display: block; color: var(--sl-copper-bright); text-decoration: underline; text-underline-offset: 4px; }
.report-chart-navigation__close { color: var(--sl-muted); }
.report-chart-navigation__tip button:focus-visible { outline: 2px solid var(--sl-copper-bright); outline-offset: 3px; }
.report-chart-navigation__hint { max-width: 45ch; margin: 12px 0 0; font-size: 15px; line-height: 1.5; color: var(--sl-muted); }
.report-chart-navigation__picker { margin-top: 12px; border-top: 1px solid var(--sl-line-strong); text-align: left; color: var(--sl-text); font: 16px/1.5 var(--sl-yoo-font-body, Arsenal, sans-serif); }
.report-chart-navigation__summary { min-height: 44px; box-sizing: border-box; padding: 10px 0; cursor: pointer; color: var(--sl-copper-bright); }
.report-chart-navigation__label { display: block; margin: 8px 0 6px; }
.report-chart-navigation .report-chart-navigation__select { width: 100%; min-height: 48px; box-sizing: border-box; padding: 10px 12px; border: 1px solid var(--sl-line-strong); border-radius: 8px; background: var(--sl-surface); color: var(--sl-text); font: inherit; }
.report-chart-navigation__choice { margin: 10px 0; color: var(--sl-muted); }
.report-chart-navigation__choice:empty { display: none; }
.report-chart-navigation__read { min-height: 44px; margin-bottom: 8px; padding: 8px 12px; border: 1px solid var(--sl-line-strong); border-radius: 8px; background: var(--sl-surface); color: var(--sl-copper-bright); font: inherit; cursor: pointer; }
.report-chart-navigation__read[hidden] { display: none; }
.report-chart-navigation__picker :focus-visible { outline: 2px solid var(--sl-copper-bright); outline-offset: 3px; }
.report-chart-navigation-target { scroll-margin-top: calc(var(--sl-reader-offset, 170px) + 16px); }
.report-chart-navigation-target:focus-visible { outline: 2px solid var(--sl-copper-bright); outline-offset: 5px; }