.tour-image{position:relative;overflow:hidden}
.tour-image picture,.tour-image img{display:block;width:100%;height:auto}
.tour-hotspot{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border:2px solid white;border-radius:50%;background:#1f5fd6;color:white;font-weight:700;cursor:pointer;box-shadow:0 0 0 3px #1f5fd680}
.tour-hotspot[aria-pressed=true]{background:#092552;box-shadow:0 0 0 5px #1f5fd680}
.tour-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px}
.tour-controls button{min-height:44px;padding:8px 12px;border:1px solid #b9c8dc;background:white;border-radius:8px;color:#092552;cursor:pointer}
.tour-controls button[aria-pressed=true]{background:#092552;color:white}
.tour-progress{display:block;width:100%;height:3px;background:#dbe3ee;overflow:hidden}
.tour-progress>span{display:block;width:0;height:100%;background:#1f5fd6}
[data-tour-full]{display:none}
@keyframes tour-progress{to{width:100%}}
.tour-callouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0 16px 12px;margin:0}
.tour-callouts button{width:100%;height:100%;min-height:44px;text-align:left;border:1px solid #dbe3ee;border-radius:8px;background:white;color:#34435a;padding:12px;cursor:pointer}
.tour-callouts button[aria-pressed=true]{border-color:#1f5fd6;background:#e9f0fc;color:#092552}
.tour-callouts strong{margin-right:6px}
@media(max-width:900px){.tour-hotspot,.tour-controls [data-tour-play]{display:none}.tour-controls [data-tour-full]{display:inline-flex;align-items:center}.tour-callouts{grid-template-columns:1fr}.tour-frame.is-zoomed .tour-image{aspect-ratio:4/3}.tour-frame.is-zoomed .tour-image picture{transform:scale(2.2);transform-origin:var(--focus-x) var(--focus-y);transition:transform .35s ease}}
@media(prefers-reduced-motion:reduce){.tour-frame .tour-image picture{transition:none!important}.tour-progress>span{animation:none!important}}
