/* One connected product tour: navigation, context and the original screen. */
.ck-inside-section{padding-block:80px}
.ck-inside-section>.ck-shell{max-width:1220px}
.ck-tour-heading{grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;margin-bottom:32px}
.ck-tour-heading .ck-chapter-number{display:none}
.ck-tour-heading h2{font-size:clamp(38px,4vw,56px);line-height:1.06}
.ck-tour-heading .ck-eyebrow{margin-bottom:16px}
.ck-tour-heading>p{max-width:470px;font-size:15px;line-height:1.75}
.ck-tour{max-width:1220px;margin-inline:auto;scroll-margin-top:90px}
.ck-tour-layout{grid-template-columns:230px minmax(0,1fr);gap:0;align-items:stretch;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:0 18px 50px #00000006}
.ck-tour-navigation{min-width:0;padding:18px 12px;background:var(--bg);border-right:1px solid var(--line)}
.ck-tour .ck-platform-switch{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border-radius:9px;margin-bottom:20px;min-width:0}
.ck-tour .ck-platform-switch button{justify-content:center;gap:7px;padding:10px 7px;font-size:12px;border-radius:6px;min-width:0}
.ck-tour .ck-platform-switch svg{width:15px;height:15px;flex-shrink:0}
.ck-tour-choices{display:flex;flex-direction:column;gap:3px}
.ck-tour-choices button{min-height:45px;padding:11px 10px;gap:10px;font-size:12px;line-height:1.4;border-radius:7px}
.ck-tour-choices button>span{display:inline;font-size:9px;flex-shrink:0}
.ck-tour-choices button>svg{display:block;width:14px;height:14px;flex-shrink:0}
.ck-tour-choices button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:inset 3px 0 var(--accent)}
.ck-tour-choices button[aria-pressed=true]>span{color:inherit}
.ck-tour-stage{padding:22px;min-width:0}
.ck-tour-caption{padding:0 0 20px;min-height:78px;gap:20px;align-items:center}
.ck-tour-caption h3{font-size:24px;margin:0 0 6px;line-height:1.15}
.ck-tour-caption p{font-size:13px;line-height:1.5;max-width:480px}
.ck-tour-controls{display:flex;align-items:center;gap:15px;flex-shrink:0}
.ck-tour-index{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.ck-tour-next{width:44px;height:44px}
.ck-tour-display{height:auto;aspect-ratio:3/2;background:var(--soft);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ck-tour-display>a{display:block;width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:3/2;box-shadow:none;border:0;border-radius:0}
.ck-tour-display img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.ck-tour-display[data-platform=android]>a{box-sizing:content-box;width:auto;aspect-ratio:412/892;height:94%;border:5px solid #242426;border-radius:25px;box-shadow:0 10px 25px #0002;flex-shrink:0}
.ck-tour>.ck-example-note{margin-top:18px;font-size:11px;line-height:1.65;max-width:850px}
@media(max-width:1000px){.ck-tour-layout{grid-template-columns:205px minmax(0,1fr)}.ck-tour-stage{padding:18px}.ck-tour-caption{align-items:flex-start}.ck-tour-controls{gap:9px}.ck-tour-caption h3{font-size:21px}.ck-tour-caption p{font-size:12px}.ck-tour-display{min-height:340px;aspect-ratio:auto}.ck-tour-display>a{height:auto;aspect-ratio:3/2}.ck-tour-display[data-platform=android]>a{height:320px;max-width:100%}}
@media(max-width:800px){.ck-tour-heading{grid-template-columns:1fr;gap:18px}.ck-tour-heading>p{grid-column:auto;max-width:570px}.ck-tour-layout{grid-template-columns:1fr}.ck-tour-navigation{padding:16px;border-right:0;border-bottom:1px solid var(--line)}.ck-tour .ck-platform-switch{max-width:280px;margin:0 0 16px}.ck-tour-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.ck-tour-choices button{padding:10px;font-size:11px;min-height:44px}.ck-tour-choices button>svg{display:none}.ck-tour-stage{padding:20px}.ck-tour-display{min-height:0;aspect-ratio:3/2;height:auto}.ck-tour-display>a{height:100%;width:100%}.ck-tour-display[data-platform=android]>a{height:94%;width:auto}.ck-tour-caption{min-height:85px}.ck-tour-caption p{font-size:13px}}
@media(max-width:560px){.ck-inside-section{padding-block:60px}.ck-tour-heading h2{font-size:40px}.ck-tour-heading>p{font-size:14px}.ck-tour-layout{border-radius:14px}.ck-tour-navigation{padding:12px}.ck-tour .ck-platform-switch{max-width:none;margin-bottom:12px}.ck-tour-choices button{font-size:10px;padding:8px 5px;gap:4px;min-height:44px;justify-content:center;text-align:center}.ck-tour-choices button>span{display:none}.ck-tour-stage{padding:12px}.ck-tour-caption{min-height:90px;gap:10px;padding-bottom:15px}.ck-tour-caption h3{font-size:20px}.ck-tour-caption p{font-size:11px;line-height:1.5}.ck-tour-controls{flex-direction:column-reverse;gap:6px}.ck-tour-index{font-size:9px}.ck-tour-display{border-radius:8px;aspect-ratio:3/2}.ck-tour-display[data-platform=android]{height:390px;aspect-ratio:auto}.ck-tour-display[data-platform=android]>a{height:94%;border-width:4px;border-radius:21px}.ck-tour>.ck-example-note{font-size:10px}}