:root {
    --tour-navy: #07324d;
    --tour-teal: var(--ui-brand,#087f78);
    --tour-teal-soft: #e9f8f5;
    --tour-border: #dce5eb;
    --tour-surface: #f6f8fa;
    --tour-muted: #64748b;
}

.rd-tour {font-family: inherit; direction: rtl}
.rd-tour *, .rd-tour *::before, .rd-tour *::after {box-sizing: border-box}
.rd-tour-open {overflow: hidden}

.rd-tour-launcher {
    position: fixed;
    left: 18px;
    bottom: 84px;
    z-index: 1025;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid #d7e2e8;
    border-radius: 13px;
    background: #fff;
    color: var(--tour-navy);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 10px 26px rgba(4, 36, 57, .14);
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.rd-tour-launcher:hover {transform: translateY(-2px); border-color: var(--tour-teal); box-shadow: 0 13px 30px rgba(15, 159, 145, .2)}
.rd-tour-launcher i {font-size: 17px}
.rd-tour-launcher-dot {width: 7px; height: 7px; border-radius: 99px; background: var(--tour-teal)}
.rd-tour-launcher.is-complete .rd-tour-launcher-dot {background: #16a34a}

.rd-tour-overlay {
    position: fixed;
    inset: 0;
    z-index: 1090;
    overflow: hidden;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(3, 28, 46, .66);
    backdrop-filter: blur(2px);
}
.rd-tour-overlay[hidden] {display: none !important}

.rd-tour-dialog {
    width: min(780px, 100%);
    height: min(570px, calc(100dvh - 36px));
    max-height: calc(100dvh - 36px);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(3, 24, 39, .3);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    outline: none;
}

.rd-tour-header {
    min-height: 82px;
    padding: 16px 18px 13px;
    border-bottom: 1px solid var(--tour-border);
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.rd-tour-heading {min-width: 0; flex: 1}
.rd-tour-title-row {display: flex; align-items: center; gap: 10px; flex-wrap: wrap}
.rd-tour-title-row h2 {margin: 0; color: var(--tour-navy); font-size: 20px; line-height: 1.4; font-weight: 900}
.rd-tour-heading > p {margin: 5px 0 0; color: var(--tour-muted); font-size: 11.5px; line-height: 1.75}
.rd-tour-close {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid var(--tour-border);
    border-radius: 10px;
    background: #fff;
    color: #475569;
}
.rd-tour-close:hover {border-color: #9db2bf; color: var(--tour-navy)}
.rd-tour-journey-picker {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 3px 8px;
    border: 1px solid #cfe4e4;
    border-radius: 9px;
    background: #f4fbfa;
    color: #537078;
    font-size: 10px;
}
.rd-tour-journey-picker select {max-width: 170px; border: 0; background: transparent; color: var(--tour-navy); font: inherit; font-weight: 800; outline: none}

.rd-tour-progress {
    min-height: 38px;
    padding: 9px 18px;
    border-bottom: 1px solid var(--tour-border);
    background: var(--tour-surface);
    display: flex;
    align-items: center;
    gap: 11px;
    color: #526477;
    font-size: 10.5px;
    font-weight: 800;
}
.rd-tour-progress > div {height: 5px; flex: 1; overflow: hidden; border-radius: 99px; background: #dce5eb}
.rd-tour-progress i {display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--tour-teal), #35b6a5); transition: width .2s ease}

.rd-tour-layout {min-height: 0; display: grid; grid-template-columns: 195px minmax(0, 1fr)}
.rd-tour-rail {
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 11px 9px;
    border-inline-end: 1px solid var(--tour-border);
    background: #fbfcfd;
    scrollbar-width: thin;
    overscroll-behavior: contain;
}
.rd-tour-rail button {
    width: 100%;
    margin: 0 0 7px;
    padding: 8px;
    border: 1px solid transparent;
    border-radius: 11px;
    background: transparent;
    color: #596a7c;
    display: grid;
    grid-template-columns: 27px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    text-align: right;
    font-size: 10.5px;
    line-height: 1.65;
}
.rd-tour-rail button:hover {background: #eef5f6}
.rd-tour-rail button.is-active {border-color: #bfe6df; background: var(--tour-teal-soft); color: #075d61}
.rd-tour-rail-index {width: 25px; height: 25px; border-radius: 99px; display: grid; place-items: center; background: #e8edf2; color: #506174; font-size: 10px; font-weight: 900}
.rd-tour-rail .is-active .rd-tour-rail-index {background: var(--tour-teal); color: #fff}
.rd-tour-rail .is-done .rd-tour-rail-index {background: #16a34a; color: #fff}
.rd-tour-rail-label {min-width: 0; white-space: normal}

.rd-tour-stage {
    min-height: 0;
    overflow-y: auto;
    padding: 22px 24px;
    background: #fff;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}
.rd-tour-copy {max-width: 560px; margin-inline: auto}
.rd-tour-step-number {display: inline-flex; padding: 3px 9px; border-radius: 99px; background: var(--tour-teal-soft); color: #07736d; font-size: 10px; font-weight: 900}
.rd-tour-copy h3 {margin: 9px 0 8px; color: var(--tour-navy); font-size: 21px; line-height: 1.45; font-weight: 900}
.rd-tour-copy > p {margin: 0; color: #4f6073; font-size: 13px; line-height: 2}
.rd-tour-insights {display: grid; gap: 9px; margin-top: 17px}
.rd-tour-insight {
    padding: 10px 11px;
    border: 1px solid;
    border-radius: 11px;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 9px;
    align-items: flex-start;
}
.rd-tour-insight[hidden] {display: none}
.rd-tour-insight > i {margin-top: 2px; font-size: 14px}
.rd-tour-insight strong {display: block; margin-bottom: 2px; font-size: 10.5px}
.rd-tour-insight p {margin: 0; font-size: 11px; line-height: 1.8}
.rd-tour-insight-effect {border-color: #b7e3cf; background: #f0fbf6; color: #176c50}
.rd-tour-insight-mistake {border-color: #f0d8a3; background: #fff9ea; color: #835d18}

.rd-tour-footer {min-height: 56px; padding: 9px 14px; border-top: 1px solid var(--tour-border); background: #fff; display: flex; align-items: center}
.rd-tour-actions {width: 100%; display: flex; align-items: center; justify-content: flex-start; gap: 8px}
.rd-tour-btn {min-width: 86px; height: 36px; padding: 0 13px; border-radius: 10px; font-size: 11.5px; font-weight: 900}
.rd-tour-btn-primary {border: 1px solid var(--tour-navy); background: var(--tour-navy); color: #fff}
.rd-tour-btn-primary:hover {background: #0b4565}
.rd-tour-btn-secondary {border: 1px solid #cbd8e1; background: #fff; color: #31465c}
.rd-tour-btn:disabled {opacity: .45; cursor: not-allowed}
.rd-tour-skip {margin-inline-end: auto; padding: 7px 10px; border: 0; background: transparent; color: #68778a; font-size: 11px; font-weight: 800}
.rd-tour-skip:hover {color: #172b40}
.rd-tour button:focus-visible, .rd-tour select:focus-visible, .rd-tour a:focus-visible {outline: 3px solid rgba(15, 159, 145, .28); outline-offset: 2px}

/* Selective learning center */
.rd-learning-summary {display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, .7fr); align-items: center; gap: 18px; padding: 18px}
.rd-learning-summary strong {color: var(--tour-navy); font-size: 15px}
.rd-learning-progress-track {height: 7px; overflow: hidden; border-radius: 99px; background: #e5ebf0}
.rd-learning-progress-track i {display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--tour-teal), #35b6a5)}
.rd-learning-critical {margin-top: 18px; padding: 17px; border: 1px solid #d9e5e9; border-radius: 17px; background: linear-gradient(135deg, #f1faf8, #fff 58%)}
.rd-learning-critical-head {display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; margin-bottom: 13px}
.rd-learning-critical-head h2, .rd-learning-category-head h2 {margin: 3px 0; color: var(--tour-navy); font-size: 17px}
.rd-learning-critical-head p {margin: 0; color: var(--tour-muted); font-size: 11px}
.rd-learning-role-paths {display: flex; gap: 5px; flex-wrap: wrap}
.rd-learning-role-paths span {padding: 5px 8px; border: 1px solid #dce6ea; border-radius: 99px; background: #fff; color: #64748b; font-size: 9px}
.rd-learning-role-paths .is-active {border-color: #a9ddd5; background: var(--tour-teal-soft); color: #086c67}
.rd-learning-critical-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px}
.rd-learning-critical-card {min-height: 86px; padding: 11px; border: 1px solid #dfe7eb; border-radius: 12px; background: #fff; display: grid; grid-template-columns: 28px minmax(0, 1fr) 32px; align-items: center; gap: 9px}
.rd-learning-critical-card.is-complete {border-color: #a8dcc0; background: #f2fbf5}
.rd-learning-critical-index, .rd-learning-page-state {width: 26px; height: 26px; border-radius: 99px; display: grid; place-items: center; background: #e9f1f4; color: #416274; font-size: 10px; font-weight: 900}
.rd-learning-critical-card h3 {margin: 0; color: #15344b; font-size: 11.5px}
.rd-learning-critical-card p {margin: 3px 0; color: #66788b; font-size: 9.5px; line-height: 1.65}
.rd-learning-critical-card small {color: var(--ui-muted,#536575); font-size: 8.5px}
.rd-learning-critical-card > a {width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: var(--tour-navy); color: #fff; text-decoration: none}
.rd-learning-tools {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px}
.rd-learning-search {max-width: 480px}
.rd-learning-count {display: inline-flex; align-items: center; gap: 6px; color: var(--ui-muted,#536575); font-size: 10.5px}
.rd-learning-category {margin-top: 20px}
.rd-learning-category-head {display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px}
.rd-learning-category-head > span {color: var(--ui-muted,#536575); font-size: 10px}
.rd-learning-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px}
.rd-learning-card {padding: 14px; border: 1px solid var(--tour-border); border-radius: 14px; background: #fff}
.rd-learning-card-head {display: grid; grid-template-columns: 35px minmax(0, 1fr) auto; align-items: center; gap: 9px}
.rd-learning-card-head > i {width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: var(--tour-teal-soft); color: #08736d}
.rd-learning-card-head h3 {margin: 0; color: var(--tour-navy); font-size: 12px}
.rd-learning-card-head small {color: var(--ui-muted,#536575); font-size: 8.5px}
.rd-learning-status {font-size: 10px; color: var(--ui-muted,#536575)}
.rd-learning-status.is-complete {color: #16834e}
.rd-learning-module-progress {margin: 10px 0 8px}
.rd-learning-module-copy {margin: 0 0 9px; color: #64748b; font-size: 10px; line-height: 1.75}
.rd-learning-pages summary {cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; color: #28465b; font-size: 10px; font-weight: 800}
.rd-learning-pages summary::-webkit-details-marker {display: none}
.rd-learning-page-list {display: grid; gap: 7px; margin-top: 8px}
.rd-learning-page {min-height: 49px; padding: 8px; border: 1px solid #e3e9ed; border-radius: 10px; background: #fbfcfd; display: grid; grid-template-columns: 27px minmax(0, 1fr) auto; align-items: center; gap: 8px}
.rd-learning-page.is-complete {border-color: #b4dec8; background: #f3fbf6}
.rd-learning-page strong {display: block; color: #25445a; font-size: 10px}
.rd-learning-page small {display: block; margin-top: 2px; color: var(--ui-muted,#536575); font-size: 8px}
.rd-learning-page a {color: #08756e; font-size: 9px; font-weight: 900; text-decoration: none}
.rd-learning-context {color: var(--ui-muted,#536575); font-size: 8px}
.rd-tour-eyebrow {color: var(--tour-teal); font-size: 10px; font-weight: 900}

@media (max-width: 767.98px) {
    .rd-tour-launcher {left: 12px; bottom: calc(82px + env(safe-area-inset-bottom)); width: 44px; padding: 0; justify-content: center}
    .rd-tour-launcher span:not(.rd-tour-launcher-dot) {display: none}
    .rd-tour-overlay {padding: 0; align-items: flex-end}
    .rd-tour-dialog {width: 100%; height: min(82dvh, 620px); max-height: 92dvh; border-radius: 18px 18px 0 0}
    .rd-tour-header {min-height: 74px; padding: 12px}
    .rd-tour-title-row h2 {font-size: 16px}
    .rd-tour-heading > p {font-size: 10px; line-height: 1.65}
    .rd-tour-journey-picker {width: 100%; justify-content: space-between}
    .rd-tour-journey-picker select {max-width: calc(100% - 45px)}
    .rd-tour-progress {min-height: 34px; padding: 7px 12px; font-size: 9.5px}
    .rd-tour-layout {grid-template-columns: minmax(0, 1fr); grid-template-rows: 48px minmax(0, 1fr)}
    .rd-tour-rail {display: flex; gap: 5px; padding: 7px 9px; overflow-x: auto; overflow-y: hidden; border-inline-end: 0; border-bottom: 1px solid var(--tour-border)}
    .rd-tour-rail button {flex: 0 0 38px; width: 38px; height: 34px; margin: 0; padding: 4px; grid-template-columns: 1fr; justify-items: center}
    .rd-tour-rail-label {display: none}
    .rd-tour-stage {padding: 16px}
    .rd-tour-copy h3 {font-size: 18px}
    .rd-tour-copy > p {font-size: 12px; line-height: 1.9}
    .rd-tour-insights {margin-top: 13px}
    .rd-tour-insight p {font-size: 10.5px}
    .rd-tour-footer {min-height: calc(54px + env(safe-area-inset-bottom)); padding: 8px 10px calc(8px + env(safe-area-inset-bottom))}
    .rd-tour-btn {min-width: 76px; height: 35px; font-size: 10.5px}
    .rd-learning-summary {grid-template-columns: 1fr; padding: 13px}
    .rd-learning-critical {padding: 13px}
    .rd-learning-critical-head {display: block}
    .rd-learning-role-paths {margin-top: 9px}
    .rd-learning-critical-grid, .rd-learning-grid {grid-template-columns: 1fr}
    .rd-learning-tools {align-items: stretch; flex-direction: column}
    .rd-learning-search {max-width: none}
}

@media (prefers-reduced-motion: reduce) {
    .rd-tour *, .rd-tour *::before, .rd-tour *::after {scroll-behavior: auto !important; transition: none !important}
}