/* Standalone in the homepage or a product-theater shadow root. */
@font-face {
  font-family: "Instrument Sans";
  src: url("/_next/static/media/f06bf9da926bae75-s.p.2874ccu1_u7jf.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Instrument Serif";
  src: url("/_next/static/media/e41d5df559864f9e-s.p.1g73gv09-xcb6.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.sarab-tour, .sarab-tour-dialog { --tour-ink: #17271e; --tour-muted: #536558; --tour-green: #16613c; --tour-mint: #e8f4e9; --tour-line: #d6e2d5; color: var(--tour-ink); font: 14px/1.45 "Instrument Sans", Arial, sans-serif; text-align: start; }
.sarab-tour, .sarab-tour *, .sarab-tour-dialog, .sarab-tour-dialog * { box-sizing: border-box; }
.sarab-tour { width: 100%; min-width: 0; border: 1px solid var(--tour-line); border-radius: 14px; background: #fbfbf5; overflow-y: visible; box-shadow: 0 8px 30px #163e2510; }
.sarab-tour p, .sarab-tour h3, .sarab-tour ul { margin: 0; }
.sarab-tour button, .sarab-tour-dialog button { min-height: 44px; min-width: 44px; font: inherit; color: inherit; cursor: pointer; border: 1px solid transparent; border-radius: 8px; background: transparent; padding: 8px 12px; transition: background-color .15s ease, border-color .15s ease; }
.sarab-tour button:hover, .sarab-tour-dialog button:hover { background: #e9f0e5; }
.sarab-tour button:focus-visible, .sarab-tour-dialog button:focus-visible { outline: 3px solid var(--tour-green); outline-offset: 3px; }
.sarab-tour button:disabled { cursor: default; opacity: .45; }
.sarab-tour button:active:not(:disabled), .sarab-tour-dialog button:active { transform: translateY(1px); }
.sarab-tour__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 5px 14px; border-bottom: 1px solid var(--tour-line); }
.sarab-tour__brand { display: flex; align-items: center; gap: 8px; font-size: 16px; letter-spacing: -.4px; }
.sarab-tour__brand img { flex: none; width: 24px; height: 24px; }
.sarab-tour__tools { display: flex; align-items: center; gap: 2px; }
.sarab-tour__tools button { font-size: 12px; padding-inline: 7px; }
.sarab-tour__tools [aria-pressed="true"] { background: var(--tour-mint); color: var(--tour-green); font-weight: 700; }
.sarab-tour__tabs { display: flex; gap: 4px; padding: 5px 12px; border-bottom: 1px solid var(--tour-line); overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; overscroll-behavior-inline: contain; }
.sarab-tour__tabs button { flex: 1 0 auto; white-space: nowrap; font-size: 12px; }
.sarab-tour__tabs [aria-selected="true"] { background: var(--tour-ink); color: #fff; font-weight: 600; }
.sarab-tour__tabs [aria-selected="true"]:hover { background: var(--tour-green); }
.sarab-tour__panel { padding: 20px; display: grid; gap: 12px; min-width: 0; }
.sarab-tour__panel h3 { font: 400 32px/1.08 "Instrument Serif", Georgia, serif; letter-spacing: -.5px; overflow-wrap: anywhere; }
.sarab-tour[lang="ar"] .sarab-tour__panel h3 { font: 600 26px/1.35 Arial, sans-serif; letter-spacing: 0; }
.sarab-tour__benefit { color: var(--tour-muted); font-size: 14px; max-width: 48ch; }
.sarab-tour__work { border: 1px solid var(--tour-line); border-radius: 10px; background: #fff; padding: 14px; min-width: 0; overflow-wrap: anywhere; display: grid; gap: 10px; }
.sarab-tour__work-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; font-weight: 600; }
.sarab-tour__work-head small, .sarab-tour__work > small { color: var(--tour-muted); font-size: 11px; font-weight: 400; }
.sarab-tour__metric { color: var(--tour-green); font-size: 17px; font-weight: 600; }
.sarab-tour__checklist { list-style: none; padding: 0; display: grid; gap: 8px; font-size: 13px; }
.sarab-tour__checklist li { display: flex; align-items: baseline; gap: 9px; }
.sarab-tour__checklist li:first-child, .sarab-tour__checklist .is-done { color: var(--tour-green); }
.sarab-tour__checklist span { width: 14px; flex: none; }
.sarab-tour__estimate { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.sarab-tour__estimate strong { color: var(--tour-green); font-size: 28px; font-weight: 600; letter-spacing: -.8px; white-space: nowrap; }
.sarab-tour__hint { color: var(--tour-muted); font-size: 11px; }
.sarab-tour__badge { width: fit-content; background: var(--tour-mint); color: var(--tour-green); border-radius: 20px; padding: 4px 9px; font-size: 11px; font-weight: 500; }
.sarab-tour__days { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.sarab-tour__days > div { border: 1px solid var(--tour-line); border-radius: 8px; padding: 10px; font-size: 12px; }
.sarab-tour__days strong { display: block; margin-bottom: 8px; font-size: 11px; color: var(--tour-muted); }
.sarab-tour__days .is-scheduled { background: var(--tour-mint); border-color: #bad9bf; }
.sarab-tour .sarab-tour__action { justify-self: start; background: var(--tour-ink); color: #fff; font-weight: 600; padding-inline: 16px; max-width: 100%; }
.sarab-tour .sarab-tour__action:hover { background: var(--tour-green); }
.sarab-tour__footer { border-top: 1px solid var(--tour-line); background: var(--tour-mint); padding: 10px 20px; border-radius: 0 0 14px 14px; display: grid; gap: 4px; }
.sarab-tour__notice { color: var(--tour-muted); font-size: 10px; }
.sarab-tour__status { color: var(--tour-green); font-size: 11px; }
.sarab-tour-dialog { width: min(960px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); border: 1px solid var(--tour-line); border-radius: 16px; padding: 12px; background: #f2f5eb; overflow: auto; }
.sarab-tour-dialog::backdrop { background: #14261ecc; }
.sarab-tour-dialog__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.sarab-tour-dialog__head strong { font-size: 13px; }
.rattib-theater__panel--guided { aspect-ratio: auto; overflow: visible; }
.hub-live-placeholder { display: grid; place-content: center; gap: 10px; min-height: 280px; padding: 24px; text-align: center; background: #e8f4e9; color: #17271e; }
.hub-live-placeholder__mark { font-size: 30px; color: #16613c; }
.hub-live-placeholder p, .hub-live-placeholder small { color: #536558; }
[data-live-workspace]:has(> noscript img) > .hub-live-placeholder,
.hub-product-window:has(> noscript img) > .hub-live-placeholder { display: none; }
@media (max-width: 480px) {
  .sarab-tour__head { padding-inline: 10px; flex-wrap: wrap; gap: 0; }
  .sarab-tour__brand { font-size: 14px; }
  .sarab-tour__brand img { width: 20px; height: 20px; }
  .sarab-tour__tools { gap: 0; }
  .sarab-tour__tools button { padding-inline: 4px; font-size: 11px; }
  .sarab-tour__tabs { padding: 6px 8px; }
  .sarab-tour__tabs button { padding-inline: 9px; }
  .sarab-tour__panel { padding: 14px; gap: 10px; }
  .sarab-tour__panel h3 { font-size: 25px; }
  .sarab-tour[lang="ar"] .sarab-tour__panel h3 { font-size: 22px; }
  .sarab-tour__benefit { font-size: 14px; }
  .sarab-tour__work { padding: 11px; gap: 8px; }
  .sarab-tour__checklist { font-size: 12px; gap: 7px; }
  .sarab-tour__work-head { font-size: 12px; }
  .sarab-tour__estimate strong { font-size: 24px; }
  .sarab-tour__footer { padding: 9px 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .sarab-tour *, .sarab-tour-dialog * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
.sarab-tour [hidden], .sarab-tour-dialog[hidden], .sarab-tour-dialog [hidden] { display: none !important; }
/* Bounded sample choices and manual Focus steps stay within each existing tour. */
.sarab-tour__audiences { display: flex; flex-wrap: wrap; gap: 4px; padding: 5px 12px; border-bottom: 1px solid var(--tour-line); }
.sarab-tour__audiences button { font-size: 12px; padding-inline: 12px; }
.sarab-tour__audiences [aria-pressed="true"] { color: var(--tour-green); background: var(--tour-mint); border-color: #bad9bf; font-weight: 700; }
.sarab-tour__focus-controls { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
.sarab-tour__focus-controls button { border-color: var(--tour-line); font-size: 12px; max-width: 100%; text-align: start; }
.sarab-tour__focus-face { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; padding-block: 4px; }
.sarab-tour__timer { color: var(--tour-green); font-size: 40px; line-height: 1.1; font-weight: 500; letter-spacing: -1px; font-variant-numeric: tabular-nums; }
.sarab-tour__focus-state { color: var(--tour-muted); font-size: 12px; }
.sarab-tour__checklist li[data-tour-task] { flex-wrap: wrap; }
.sarab-tour__checklist li[data-tour-task] small { flex-basis: 100%; margin-inline-start: 23px; font-size: 11px; color: var(--tour-muted); }
.sarab-tour__days [data-tour-task-status] { display: block; margin-top: 6px; color: var(--tour-muted); font-size: 11px; }
@media (max-width: 480px) {
  .sarab-tour__audiences { padding: 3px 8px; }
  .sarab-tour__focus-controls { gap: 4px; }
  .sarab-tour__focus-controls button { padding-inline: 9px; }
  .sarab-tour__timer { font-size: 34px; }
}