/* A non-modal page tour: the highlighted element remains usable. */
html.page-tour-is-running { scroll-behavior: auto !important; }
body.page-tour-is-running { padding-bottom: var(--page-tour-safe-bottom, 0px); }
.page-tour { position: fixed; inset: 0; z-index: 1800; pointer-events: none; }
.page-tour[hidden] { display: none !important; }
.page-tour-scrim { position: fixed; background: rgb(9 25 42 / 64%); pointer-events: auto; touch-action: pan-y; }
.page-tour-ring { position: fixed; border: 3px solid #bf3040; border-radius: 6px; box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px #fff; pointer-events: none; }
.page-tour-panel { position: fixed; z-index: 2; width: min(22rem, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); overflow-y: auto; overscroll-behavior: contain; padding: 1.15rem 1.2rem 1.2rem; border: 1px solid #a8b6c2; border-top: 4px solid #ac2935; border-radius: 7px; background: #fff; color: #172c42; box-shadow: 0 .75rem 2.5rem rgb(7 23 41 / 25%); pointer-events: auto; line-height: 1.6; }
.page-tour-panel:focus { outline: 0; }
.page-tour-close { display: block; width: auto; min-height: 2.25rem; margin: -.35rem -.35rem .5rem auto; padding: .25rem .55rem; border: 1px solid #cdd6df; border-radius: 4px; color: #334c60; background: #fff; font: inherit; font-size: .78rem; cursor: pointer; }
.page-tour-close:hover { border-color: #172c42; color: #172c42; background: #f0f4f7; }
.page-tour-counter { margin: 0 0 .4rem; color: #5b6e7e; font-size: .75rem; font-weight: 650; letter-spacing: .035em; }
.kadra-site .page-tour-panel h2 { margin: 0 0 .65rem; font-family: "Segoe UI", system-ui, sans-serif; color: #172c42; font-size: 1.25rem; font-weight: 700; line-height: 1.3; letter-spacing: -.015em; }
.page-tour-description { margin: 0 0 1rem; color: #40596e; font-size: .92rem; line-height: 1.65; }
.page-tour-notice { margin: .75rem 0 0; padding: .8rem; border-left: 3px solid #ac2935; background: #fff3f3; color: #653440; font-size: .9rem; line-height: 1.6; }
.page-tour-controls { display: flex; justify-content: space-between; gap: .7rem; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #d8e0e7; }
.page-tour-controls button { display: inline-flex; align-items: center; justify-content: center; min-height: 2.7rem; padding: .5rem 1rem; border: 1px solid #172c42; border-radius: 4px; font: inherit; font-size: .88rem; font-weight: 600; line-height: 1.3; cursor: pointer; }
.page-tour-controls [data-tour-prev] { background: #fff; color: #172c42; }
.page-tour-controls [data-tour-next] { background: #172c42; color: #fff; }
.page-tour-controls button:hover:not(:disabled) { filter: brightness(1.15); }
.page-tour-controls button:disabled { color: #6b7883; background: #e9eef2; border-color: #c9d3dc; cursor: default; }
.page-tour-is-stopped .page-tour-controls { display: none; }
.page-tour-is-stopped .page-tour-counter:empty, .page-tour-description:empty { display: none; }
.page-tour-target { scroll-margin: 1rem; }
.page-tour-target:focus-visible { outline: 3px solid #ac2935 !important; outline-offset: 4px; }
.page-tour-panel :focus-visible { outline: 3px solid #ac2935; outline-offset: 3px; }
.page-tour-is-mobile .page-tour-panel { border-radius: 8px; padding: .85rem 1rem 1rem; }
.page-tour-is-mobile .page-tour-close { min-height: 2.4rem; margin-bottom: .25rem; }
.kadra-site .page-tour-is-mobile h2 { font-size: 1.14rem; margin-bottom: .5rem; }
.page-tour-is-mobile .page-tour-description { font-size: .88rem; line-height: 1.5; margin-bottom: .6rem; }
.page-tour-is-mobile .page-tour-controls { margin-top: .65rem; padding-top: .7rem; }
.page-tour-is-mobile .page-tour-controls button { min-height: 2.7rem; }
@media (prefers-reduced-motion: reduce) {
  .page-tour *, .page-tour-target { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}
@media (forced-colors: active) {
  .page-tour-ring { border-color: Highlight; box-shadow: none; }
  .page-tour-panel { border: 2px solid CanvasText; }
}