/* RTD Demo v1.0.0. Standalone page stylesheet, not an override layer.
   Load only on rtd-demo.html. Never import Studio, pricing, or product styles here. */
body.rtd-demo-page {
  --demo-ink:#192334; --demo-muted:#5f6c80; --demo-line:#dfe5ef; --demo-paper:#f6f8fc;
  --demo-panel:#fff; --demo-accent:#3154d5; --demo-accent-dark:#2542ae; --demo-tint:#edf1ff;
  --demo-navy:#14213c; --demo-success:#1a754f; --demo-danger:#a52e42;
  margin:0; background:var(--demo-paper); color:var(--demo-ink);
  font:15px/1.6 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
:where(.rtd-demo-page) *, :where(.rtd-demo-page) *::before, :where(.rtd-demo-page) *::after { box-sizing:border-box; }
:where(.rtd-demo-page) :is(button,input,select) { font:inherit; }
:where(.rtd-demo-page) :is(button,a,summary,input,select) { touch-action:manipulation; }
:where(.rtd-demo-page) button { cursor:pointer; }
:where(.rtd-demo-page) button:disabled { cursor:not-allowed; opacity:.48; }
:where(.rtd-demo-page) :focus-visible { outline:3px solid #7896f4; outline-offset:4px; }
:where(.rtd-demo-page) :is(h1,h2,h3,p) { margin:0; overflow-wrap:anywhere; }
:where(.rtd-demo-page) :is(h1,h2,h3) { line-height:1.2; letter-spacing:-.035em; }
:where(.rtd-demo-page) a { color:var(--demo-accent); text-underline-offset:3px; }
:where(.rtd-demo-page) img { max-width:100%; }
:where(.rtd-demo-page) .demo-icon { width:20px; height:20px; flex:none; vertical-align:middle; }
:where(.rtd-demo-page) .demo-button { display:inline-flex; justify-content:center; align-items:center; gap:9px; min-height:44px; padding:10px 17px; border:1px solid var(--demo-line); border-radius:9px; background:#fff; color:var(--demo-ink); font-size:13px; font-weight:650; line-height:1.45; text-decoration:none; }
:where(.rtd-demo-page) .demo-button:hover:not(:disabled) { border-color:#a3b3d5; background:#f1f4fc; }
:where(.rtd-demo-page) .demo-primary { color:#fff; background:var(--demo-accent); border-color:var(--demo-accent); }
:where(.rtd-demo-page) .demo-primary:hover:not(:disabled) { background:var(--demo-accent-dark); border-color:var(--demo-accent-dark); }
:where(.rtd-demo-page) .demo-skip { position:fixed; top:8px; left:12px; z-index:100; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; padding:0; background:#fff; }
:where(.rtd-demo-page) .demo-skip:focus { width:auto; height:auto; clip-path:none; padding:12px; }
:where(.rtd-demo-page) .demo-eyebrow { color:var(--demo-muted); font-size:10px; font-weight:750; letter-spacing:.13em; line-height:1.5; }
:where(.rtd-demo-page) .demo-header { background:#fff; border-bottom:1px solid var(--demo-line); }
:where(.rtd-demo-page) .demo-header-inner { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; min-height:76px; max-width:1440px; padding:12px 32px; margin:auto; }
:where(.rtd-demo-page) .demo-brand { display:flex; align-items:center; gap:9px; width:max-content; color:var(--demo-ink); text-decoration:none; }
:where(.rtd-demo-page) .demo-logo-wrap { display:grid; place-items:center; width:44px; height:44px; flex:none; }
:where(.rtd-demo-page) [data-demo-logo] { display:block; width:44px; height:44px; object-fit:contain; }
:where(.rtd-demo-page) .demo-logo-fallback { display:grid; place-items:center; width:39px; height:36px; background:#2847ad; color:#fff; border-radius:9px; font-size:12px; font-weight:800; }
:where(.rtd-demo-page) .demo-brand strong { display:block; font-size:20px; letter-spacing:-.05em; line-height:1.3; }
:where(.rtd-demo-page) .demo-brand small { display:block; color:var(--demo-muted); font-size:10px; line-height:1.4; }
:where(.rtd-demo-page) .demo-nav { display:flex; gap:28px; align-items:center; }
:where(.rtd-demo-page) .demo-nav a { color:var(--demo-muted); font-size:13px; text-decoration:none; }
:where(.rtd-demo-page) .demo-nav .demo-current { color:var(--demo-ink); font-weight:700; }
:where(.rtd-demo-page) .demo-header-actions { display:flex; justify-content:flex-end; align-items:center; gap:20px; }
:where(.rtd-demo-page) .demo-signin { color:var(--demo-ink); font-size:13px; font-weight:650; text-decoration:none; }
:where(.rtd-demo-page) .demo-main { max-width:1344px; margin:auto; padding:0 32px; }
:where(.rtd-demo-page) .demo-intro { display:grid; grid-template-columns:minmax(0,1fr) 292px; align-items:end; gap:36px; padding:54px 0 34px; }
:where(.rtd-demo-page) .demo-intro .demo-eyebrow { display:flex; align-items:center; gap:8px; color:var(--demo-accent); margin-bottom:15px; }
:where(.rtd-demo-page) .demo-small-mark { width:7px; height:7px; border:1px solid var(--demo-accent); transform:rotate(45deg); }
:where(.rtd-demo-page) h1 { font-size:clamp(34px,3.9vw,54px); font-weight:720; line-height:1.04; letter-spacing:-.052em; }
:where(.rtd-demo-page) .demo-intro-copy { max-width:62ch; color:var(--demo-muted); margin-top:19px; font-size:15px; }
:where(.rtd-demo-page) .demo-entry-note { display:flex; gap:12px; align-items:flex-start; padding:19px 0 4px 22px; border-left:1px solid var(--demo-line); }
:where(.rtd-demo-page) .demo-entry-note .demo-icon { color:var(--demo-accent); margin-top:1px; }
:where(.rtd-demo-page) .demo-entry-note strong { display:block; font-size:13px; }
:where(.rtd-demo-page) .demo-entry-note p { font-size:12px; color:var(--demo-muted); margin-top:5px; }
:where(.rtd-demo-page) .demo-experience { scroll-margin-top:20px; }
:where(.rtd-demo-page) .demo-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--demo-line); margin-bottom:20px; }
:where(.rtd-demo-page) .demo-tabs { display:flex; gap:22px; min-width:0; }
:where(.rtd-demo-page) .demo-tab { display:flex; gap:10px; align-items:center; border:0; border-bottom:3px solid transparent; background:transparent; color:var(--demo-muted); padding:15px 4px 16px; text-align:left; font-size:14px; font-weight:650; }
:where(.rtd-demo-page) .demo-tab small { display:block; font-size:10px; font-weight:450; margin-top:2px; }
:where(.rtd-demo-page) .demo-tab[aria-selected="true"] { color:var(--demo-accent); border-bottom-color:var(--demo-accent); }
:where(.rtd-demo-page) .demo-copy { min-height:38px; font-size:12px; }
:where(.rtd-demo-page) .demo-share-status { font-size:12px; color:var(--demo-success); }
:where(.rtd-demo-page) .demo-share-status:not(:empty) { padding-bottom:12px; }
:where(.rtd-demo-page) .demo-manual-share { display:flex; align-items:center; gap:10px; margin-bottom:16px; font-size:12px; }
:where(.rtd-demo-page) .demo-manual-share input { min-width:0; flex:1; padding:10px; border:1px solid var(--demo-line); border-radius:7px; }
:where(.rtd-demo-page) .demo-voice-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); border:1px solid var(--demo-line); border-radius:16px; background:#fff; overflow:hidden; box-shadow:0 18px 54px rgba(25,43,85,.045); }
:where(.rtd-demo-page) .voice-player { position:relative; display:flex; flex-direction:column; align-items:center; padding:25px 30px 20px; min-width:0; background:radial-gradient(ellipse at 50% 18%,#253860 0%,#172643 55%,#13203a 100%); color:#fff; }
:where(.rtd-demo-page) .voice-player-top { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; }
:where(.rtd-demo-page) .voice-player-label { color:#b2c3e2; font-size:9px; font-weight:650; letter-spacing:.14em; }
:where(.rtd-demo-page) .voice-status-pill { border:1px solid #50638a; padding:3px 9px; border-radius:20px; color:#dbe6ff; font-size:10px; }
:where(.rtd-demo-page) .voice-orbit { display:grid; place-items:center; width:178px; height:160px; position:relative; margin:19px 0 13px; }
:where(.rtd-demo-page) .voice-orbit-ring { position:absolute; width:143px; height:143px; border:1px solid #536587; border-radius:50%; box-shadow:0 0 0 18px rgba(101,131,196,.06),0 0 0 36px rgba(101,131,196,.03); }
:where(.rtd-demo-page) .voice-orbit-core { display:grid; place-items:center; width:87px; height:87px; background:linear-gradient(145deg,#516fca,#273f82); border:1px solid #809be8; border-radius:27px; box-shadow:inset 0 1px 0 #b2c0ed,0 12px 40px #0a1534; }
:where(.rtd-demo-page) .voice-orbit-core .demo-icon { width:35px; height:35px; color:#e5ecff; }
:where(.rtd-demo-page) .voice-wave { position:absolute; bottom:0; display:flex; height:23px; gap:4px; align-items:center; padding:0 12px; background:#213153; border-radius:10px; }
:where(.rtd-demo-page) .voice-wave i { display:block; height:4px; width:3px; background:#a9bffe; border-radius:3px; }
:where(.rtd-demo-page) [data-phase="connected"] .voice-wave i { animation:demoWave 1.2s ease-in-out infinite; }
:where(.rtd-demo-page) [data-phase="connected"] .voice-wave i:nth-child(2n) { animation-delay:.25s; }
:where(.rtd-demo-page) [data-phase="connected"] .voice-wave i:nth-child(3n) { animation-delay:.55s; }
:where(.rtd-demo-page) [data-phase="connected"] .voice-status-pill { border-color:#588678; background:#223e3e; color:#c4f6d8; }
:where(.rtd-demo-page) [data-muted="true"] .voice-wave i { animation:none; }
:where(.rtd-demo-page) .voice-player h2 { font-size:23px; text-align:center; }
:where(.rtd-demo-page) .voice-status { min-height:44px; max-width:38ch; color:#c4d0e7; text-align:center; font-size:12px; margin-top:10px; }
:where(.rtd-demo-page) .voice-clock { display:grid; justify-items:center; margin:19px 0 19px; }
:where(.rtd-demo-page) .voice-clock span:first-child { color:#bac9e4; font-size:9px; letter-spacing:.13em; font-weight:600; }
:where(.rtd-demo-page) .voice-clock strong { font-size:39px; font-weight:550; letter-spacing:-.04em; font-variant-numeric:tabular-nums; line-height:1.2; margin:6px 0; }
:where(.rtd-demo-page) .voice-clock span:last-child { color:#a9bddf; font-size:10px; text-align:center; max-width:40ch; }
:where(.rtd-demo-page) .voice-controls { display:flex; flex-wrap:wrap; gap:9px; justify-content:center; width:100%; }
:where(.rtd-demo-page) .voice-start { background:#e8eeff; color:#172849; border-color:#e8eeff; width:100%; max-width:310px; min-height:46px; }
:where(.rtd-demo-page) .voice-start:hover:not(:disabled) { background:#fff; border-color:#fff; }
:where(.rtd-demo-page) .voice-end { background:#ffe8ed; color:#88253b; border-color:#e3b9c4; }
:where(.rtd-demo-page) .voice-mute, :where(.rtd-demo-page) .voice-sound { color:#e1eaff; border-color:#52678f; background:#253656; }
:where(.rtd-demo-page) .voice-mute:hover:not(:disabled), :where(.rtd-demo-page) .voice-sound:hover:not(:disabled) { background:#304970; color:#fff; }
:where(.rtd-demo-page) .voice-sound { margin-top:12px; }
:where(.rtd-demo-page) .voice-retry { color:#dfeaff; background:none; border:0; padding:10px; text-decoration:underline; text-underline-offset:3px; font-size:12px; }
:where(.rtd-demo-page) .voice-consent { display:flex; align-items:flex-start; gap:9px; width:100%; max-width:39ch; text-align:left; margin:21px auto 0; color:#c8d4eb; font-size:10.5px; line-height:1.65; }
:where(.rtd-demo-page) .voice-consent input { width:16px; height:16px; flex:none; margin:2px 0 0; accent-color:#a9bffe; }
:where(.rtd-demo-page) .voice-consent a { color:#e6ecff; }
:where(.rtd-demo-page) .voice-mic-note { font-size:10px; line-height:1.6; color:#bccbe6; margin-top:14px; text-align:center; }
:where(.rtd-demo-page) .voice-conversation { display:flex; flex-direction:column; padding:26px 27px 19px; min-width:0; }
:where(.rtd-demo-page) .voice-conversation header { display:flex; align-items:center; justify-content:space-between; gap:15px; }
:where(.rtd-demo-page) .voice-conversation header h2 { font-size:22px; margin-top:5px; }
:where(.rtd-demo-page) .demo-quiet-button { border:0; background:transparent; font-size:11px; color:var(--demo-muted); padding:8px; border-radius:6px; }
:where(.rtd-demo-page) .demo-quiet-button:hover { background:var(--demo-paper); }
:where(.rtd-demo-page) .voice-transcript-note { color:var(--demo-muted); font-size:11px; margin:15px 0 8px; }
:where(.rtd-demo-page) .voice-transcript { display:flex; flex-direction:column; align-items:stretch; height:256px; min-height:230px; overflow:auto; overscroll-behavior:contain; padding:10px 2px; gap:12px; scroll-behavior:smooth; }
:where(.rtd-demo-page) .voice-empty { margin:auto; display:grid; justify-items:center; text-align:center; max-width:34ch; padding:26px 8px; }
:where(.rtd-demo-page) .voice-empty>.demo-icon { width:33px; height:33px; color:#9aaac4; }
:where(.rtd-demo-page) .voice-empty h3 { font-size:16px; margin:16px 0 8px; }
:where(.rtd-demo-page) .voice-empty p { font-size:12px; color:var(--demo-muted); }
:where(.rtd-demo-page) .transcript-message { border-radius:10px; padding:11px 13px; background:#f0f3fa; max-width:95%; align-self:flex-start; min-width:90px; }
:where(.rtd-demo-page) .transcript-message[data-role="user"] { background:#eaf0ff; align-self:flex-end; }
:where(.rtd-demo-page) .transcript-message header { font-size:10px; font-weight:700; color:#4e6080; margin-bottom:5px; }
:where(.rtd-demo-page) .transcript-message p { white-space:pre-wrap; font-size:13px; }
:where(.rtd-demo-page) .transcript-message small { display:block; margin-top:5px; color:var(--demo-muted); font-size:10px; }
:where(.rtd-demo-page) .voice-prompt-block { display:grid; gap:8px; padding:15px 0 16px; margin-top:auto; border-top:1px solid var(--demo-line); }
:where(.rtd-demo-page) .voice-prompt-block p { font-size:12px; color:#526384; padding-left:11px; border-left:2px solid #dbe3f9; }
:where(.rtd-demo-page) .voice-footnote { display:flex; align-items:flex-start; gap:9px; padding-top:14px; border-top:1px solid var(--demo-line); }
:where(.rtd-demo-page) .voice-footnote p { font-size:10px; color:var(--demo-muted); }
:where(.rtd-demo-page) .voice-footnote-dot { display:block; flex:none; width:6px; height:6px; border:1px solid #7891b4; border-radius:50%; margin-top:6px; }
:where(.rtd-demo-page) .demo-status-note { margin-top:12px; background:#fff7e5; border:1px solid #ead5a6; color:#705316; border-radius:8px; font-size:12px; padding:12px 16px; }
:where(.rtd-demo-page) .demo-help-row { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; margin:17px 0 0; font-size:11px; color:var(--demo-muted); }
:where(.rtd-demo-page) .demo-help-row div { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
:where(.rtd-demo-page) .demo-help-row button { padding:0; border:0; background:none; font-size:11px; font-weight:650; color:var(--demo-accent); }
:where(.rtd-demo-page) .demo-help-row .demo-icon { width:16px; height:16px; }
:where(.rtd-demo-page) .tour-disclosure { display:flex; align-items:flex-start; gap:11px; background:var(--demo-tint); color:#354e8c; padding:13px 17px; border-radius:9px; font-size:12px; border:1px solid #dbe4ff; }
:where(.rtd-demo-page) .tour-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 0; }
:where(.rtd-demo-page) .tour-toolbar>div { display:flex; gap:12px; align-items:center; }
:where(.rtd-demo-page) .tour-toolbar label { font-size:12px; font-weight:600; }
:where(.rtd-demo-page) .tour-toolbar select { border:1px solid var(--demo-line); border-radius:8px; color:var(--demo-ink); background:#fff; padding:10px 28px 10px 12px; font-size:12px; min-width:0; max-width:100%; }
:where(.rtd-demo-page) .tour-grid { display:grid; grid-template-columns:210px minmax(0,1fr); gap:18px; }
:where(.rtd-demo-page) .tour-steps { display:flex; flex-direction:column; gap:6px; }
:where(.rtd-demo-page) .tour-step { display:grid; grid-template-columns:24px minmax(0,1fr) 14px; align-items:center; gap:10px; border:1px solid transparent; background:transparent; border-radius:9px; padding:12px 10px; text-align:left; color:var(--demo-muted); font-size:12px; line-height:1.4; }
:where(.rtd-demo-page) .tour-step span:first-child { font-size:10px; color:#72829a; }
:where(.rtd-demo-page) .tour-step .demo-icon { width:13px; height:13px; }
:where(.rtd-demo-page) .tour-step[aria-current="step"] { background:#fff; border-color:#d7dfee; color:var(--demo-accent); font-weight:650; box-shadow:0 4px 12px #1b376606; }
:where(.rtd-demo-page) .tour-canvas { min-width:0; background:#fff; border:1px solid var(--demo-line); border-radius:13px; padding:23px; }
:where(.rtd-demo-page) .tour-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding-bottom:20px; }
:where(.rtd-demo-page) .tour-heading h2 { margin:6px 0 8px; font-size:24px; }
:where(.rtd-demo-page) .tour-heading p:not(.demo-eyebrow) { color:var(--demo-muted); font-size:12px; max-width:65ch; }
:where(.rtd-demo-page) .tour-sample-badge { white-space:nowrap; font-size:9px; font-weight:700; padding:5px 8px; color:#57667f; background:#f1f4f9; border:1px solid var(--demo-line); border-radius:5px; }
:where(.rtd-demo-page) .tour-canvas-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(200px,.8fr); gap:16px; }
:where(.rtd-demo-page) .tour-thread-panel { min-width:0; border:1px solid var(--demo-line); border-radius:10px; overflow:hidden; }
:where(.rtd-demo-page) .tour-thread-panel h3 { display:flex; gap:7px; align-items:center; padding:13px; border-bottom:1px solid var(--demo-line); font-size:12px; letter-spacing:0; }
:where(.rtd-demo-page) .tour-thread-panel small { margin-left:auto; color:var(--demo-muted); font-size:9px; font-weight:450; }
:where(.rtd-demo-page) .tour-thread-panel .demo-icon { width:15px; height:15px; color:var(--demo-accent); }
:where(.rtd-demo-page) .tour-thread { display:flex; flex-direction:column; gap:10px; height:264px; overflow:auto; padding:15px; overscroll-behavior:contain; }
:where(.rtd-demo-page) .tour-message { display:grid; gap:5px; padding:10px 12px; background:#f0f3f8; border-radius:9px; max-width:96%; font-size:12px; align-self:flex-start; }
:where(.rtd-demo-page) .tour-message strong { font-size:9px; color:#566984; font-weight:700; }
:where(.rtd-demo-page) .tour-message[data-role="visitor"] { background:#eaf0ff; align-self:flex-end; }
:where(.rtd-demo-page) .tour-message[data-role="officer"] { background:#eaf7f1; }
:where(.rtd-demo-page) .tour-context { min-width:0; padding:17px; border:1px solid var(--demo-line); border-radius:10px; background:#f8fafd; }
:where(.rtd-demo-page) .tour-context h3 { font-size:15px; margin-top:6px; }
:where(.rtd-demo-page) .tour-context dl { margin:14px 0; display:grid; gap:9px; }
:where(.rtd-demo-page) .tour-context dl>div { display:flex; justify-content:space-between; gap:12px; border-bottom:1px solid #e5eaf2; padding-bottom:7px; }
:where(.rtd-demo-page) .tour-context dt { color:var(--demo-muted); font-size:10px; }
:where(.rtd-demo-page) .tour-context dd { margin:0; font-size:10px; font-weight:600; text-align:right; overflow-wrap:anywhere; }
:where(.rtd-demo-page) .tour-context p { font-size:11px; color:var(--demo-muted); }
:where(.rtd-demo-page) .tour-action-box { margin-top:16px; border:1px solid #d9e2f5; background:#f7f9ff; padding:14px 15px; border-radius:9px; }
:where(.rtd-demo-page) .tour-action-box p { font-size:12px; color:var(--demo-muted); }
:where(.rtd-demo-page) .tour-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:11px; }
:where(.rtd-demo-page) .tour-action-box .tour-internal-note { color:#425b87; font-size:11px; margin-top:13px; }
:where(.rtd-demo-page) .tour-footer { display:flex; align-items:center; justify-content:space-between; gap:14px; border-top:1px solid var(--demo-line); padding-top:18px; margin-top:20px; }
:where(.rtd-demo-page) .tour-footer>span { color:var(--demo-muted); font-size:11px; }
:where(.rtd-demo-page) .demo-next { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:36px; align-items:center; border-top:1px solid var(--demo-line); border-bottom:1px solid var(--demo-line); margin-top:42px; padding:30px 0; }
:where(.rtd-demo-page) .demo-next h2 { margin:9px 0 10px; font-size:30px; }
:where(.rtd-demo-page) .demo-next p:not(.demo-eyebrow) { color:var(--demo-muted); max-width:68ch; font-size:13px; }
:where(.rtd-demo-page) .demo-next>div:last-child { display:grid; justify-items:center; gap:9px; }
:where(.rtd-demo-page) .demo-next>div:last-child>span { font-size:10px; color:var(--demo-muted); }
:where(.rtd-demo-page) .demo-faq { display:grid; grid-template-columns:1fr 1fr; column-gap:32px; margin:21px 0 38px; }
:where(.rtd-demo-page) .demo-faq details { border-bottom:1px solid var(--demo-line); }
:where(.rtd-demo-page) .demo-faq summary { padding:15px 0; cursor:pointer; font-size:12px; font-weight:600; }
:where(.rtd-demo-page) .demo-faq p { padding-bottom:17px; font-size:12px; color:var(--demo-muted); }
:where(.rtd-demo-page) .demo-noscript { margin:20px 0; padding:15px; border:1px solid var(--demo-line); background:#fff; }
:where(.rtd-demo-page) .demo-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:18px; padding:22px 32px; max-width:1344px; margin:auto; border-top:1px solid var(--demo-line); color:var(--demo-muted); font-size:10px; }
:where(.rtd-demo-page) .demo-footer strong { display:block; font-size:12px; color:var(--demo-ink); }
:where(.rtd-demo-page) .demo-footer nav { display:flex; gap:20px; }
:where(.rtd-demo-page) .demo-footer a { color:var(--demo-muted); text-decoration:none; }
@keyframes demoWave { 0%,100% { height:4px; } 50% { height:16px; } }
@media (max-width:1020px) {
  :where(.rtd-demo-page) .demo-intro { grid-template-columns:minmax(0,1fr) 245px; gap:26px; }
  :where(.rtd-demo-page) .voice-player { padding-inline:23px; }
  :where(.rtd-demo-page) .voice-conversation { padding-inline:21px; }
  :where(.rtd-demo-page) .tour-grid { grid-template-columns:1fr; }
  :where(.rtd-demo-page) .tour-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  :where(.rtd-demo-page) .tour-step { background:#f0f3fa; }
}
@media (max-width:760px) {
  :where(.rtd-demo-page) .demo-header-inner { padding-inline:20px; gap:16px; grid-template-columns:1fr auto; }
  :where(.rtd-demo-page) .demo-nav { display:none; }
  :where(.rtd-demo-page) .demo-main { padding-inline:20px; }
  :where(.rtd-demo-page) .demo-intro { grid-template-columns:1fr; gap:17px; padding:32px 0 24px; }
  :where(.rtd-demo-page) .demo-entry-note { border-left:0; padding:0; max-width:56ch; }
  :where(.rtd-demo-page) .demo-entry-note p { display:inline; font-size:11px; }
  :where(.rtd-demo-page) .demo-entry-note strong { display:none; }
  :where(.rtd-demo-page) .demo-voice-grid { grid-template-columns:1fr; }
  :where(.rtd-demo-page) .voice-player { padding:21px 24px; }
  :where(.rtd-demo-page) .voice-orbit { margin-top:14px; height:123px; }
  :where(.rtd-demo-page) .voice-orbit-ring { width:113px; height:113px; }
  :where(.rtd-demo-page) .voice-orbit-core { width:74px; height:74px; border-radius:24px; }
  :where(.rtd-demo-page) .voice-status { min-height:0; }
  :where(.rtd-demo-page) .voice-conversation { padding:24px; }
  :where(.rtd-demo-page) .voice-transcript { height:225px; }
  :where(.rtd-demo-page) .demo-toolbar { gap:10px; }
  :where(.rtd-demo-page) .demo-copy>span { display:none; }
  :where(.rtd-demo-page) .demo-copy { min-width:40px; padding:9px; }
  :where(.rtd-demo-page) .demo-tabs { gap:18px; }
  :where(.rtd-demo-page) .demo-tab { font-size:12px; gap:7px; }
  :where(.rtd-demo-page) .demo-next { grid-template-columns:1fr; gap:22px; }
  :where(.rtd-demo-page) .demo-next>div:last-child { justify-items:start; }
  :where(.rtd-demo-page) .demo-faq { grid-template-columns:1fr; }
  :where(.rtd-demo-page) .demo-footer { padding-inline:20px; }
}
@media (max-width:540px) {
  :where(.rtd-demo-page) .demo-header-inner { padding:10px 16px; min-height:68px; }
  :where(.rtd-demo-page) .demo-header-actions { gap:12px; }
  :where(.rtd-demo-page) .demo-header-actions .demo-button { padding:8px 11px; min-height:40px; font-size:12px; }
  :where(.rtd-demo-page) .demo-header-actions .demo-icon { display:none; }
  :where(.rtd-demo-page) .demo-main { padding-inline:16px; }
  :where(.rtd-demo-page) h1 { font-size:37px; }
  :where(.rtd-demo-page) .demo-intro-copy { font-size:13px; margin-top:15px; }
  :where(.rtd-demo-page) .demo-tab>.demo-icon { display:none; }
  :where(.rtd-demo-page) .demo-tab small { font-size:9px; }
  :where(.rtd-demo-page) .demo-tabs { gap:15px; }
  :where(.rtd-demo-page) .voice-player { padding-inline:19px; }
  :where(.rtd-demo-page) .voice-player h2 { font-size:21px; }
  :where(.rtd-demo-page) .voice-consent { font-size:11px; max-width:100%; }
  :where(.rtd-demo-page) .voice-conversation { padding:21px 18px; }
  :where(.rtd-demo-page) .tour-toolbar { align-items:flex-end; gap:10px; }
  :where(.rtd-demo-page) .tour-toolbar>div { display:grid; gap:5px; min-width:0; }
  :where(.rtd-demo-page) .tour-toolbar .demo-button { padding:9px 10px; font-size:11px; }
  :where(.rtd-demo-page) .tour-steps { grid-template-columns:1fr 1fr; gap:5px; }
  :where(.rtd-demo-page) .tour-step { padding:10px 8px; grid-template-columns:18px 1fr; gap:6px; font-size:11px; }
  :where(.rtd-demo-page) .tour-step>.demo-icon { display:none; }
  :where(.rtd-demo-page) .tour-canvas { padding:16px; }
  :where(.rtd-demo-page) .tour-heading { display:block; }
  :where(.rtd-demo-page) .tour-heading h2 { font-size:22px; }
  :where(.rtd-demo-page) .tour-sample-badge { display:inline-block; margin-top:12px; }
  :where(.rtd-demo-page) .tour-canvas-grid { grid-template-columns:1fr; }
  :where(.rtd-demo-page) .tour-thread { height:245px; }
  :where(.rtd-demo-page) .demo-manual-share { display:grid; }
  :where(.rtd-demo-page) .demo-manual-share input { width:100%; }
  :where(.rtd-demo-page) .demo-footer { display:grid; padding-inline:16px; }
}
@media (prefers-reduced-motion:reduce) {
  :where(.rtd-demo-page) [data-phase="connected"] .voice-wave i { animation:none; height:9px; }
  :where(.rtd-demo-page) .voice-transcript { scroll-behavior:auto; }
}
/* Explicit visibility state, last by design. No competing stylesheet is loaded. */
:where(.rtd-demo-page) [hidden] { display:none; }