/* RADARTALK + PEOPLE RADAR SIDE-BY-SIDE */

#rt-swipe-layout{
 display:flex;
 gap:12px;
 width:100%;
 max-width:100%;
 overflow-x:auto;
 overflow-y:hidden;
 scroll-snap-type:x mandatory;
 scroll-behavior:smooth;
 overscroll-behavior-x:contain;
 -webkit-overflow-scrolling:touch;
 scrollbar-width:thin;
 padding:4px 2px 12px;
 box-sizing:border-box;
}

#rt-swipe-layout > .rt-swipe-page{
 flex:0 0 calc(100% - 24px);
 width:calc(100% - 24px);
 min-width:0;
 scroll-snap-align:start;
 scroll-snap-stop:always;
 box-sizing:border-box;
}

#rt-swipe-layout .rt-swipe-page > *{
 max-width:100%;
 min-width:0;
 box-sizing:border-box;
}

/* Remove the redundant outer Discover card */
#rt-swipe-layout #radar-discover-dock{
 margin:0;
 padding:0;
 border:0;
 background:transparent;
 box-shadow:none;
}

#rt-swipe-layout #radar-discover-track{
 display:block;
 overflow:visible;
 padding:0;
}

#rt-swipe-layout #radar-discover-track > *{
 width:100%;
 max-width:100%;
 margin:0;
}

#rt-swipe-layout .rd-feature{
 padding:12px;
 border-radius:13px;
}

/* Compact radar inside its own swipe page */
#rt-swipe-layout .rt-discover-page{
 overflow:hidden;
}

#rt-swipe-layout .rt-discover-page img,
#rt-swipe-layout .rt-discover-page canvas,
#rt-swipe-layout .rt-discover-page svg{
 max-width:100%;
}

#rt-swipe-nav{
 display:flex;
 justify-content:center;
 align-items:center;
 gap:8px;
 margin:10px 0;
}

#rt-swipe-nav button{
 border:1px solid #456273;
 background:#193246;
 color:#d9f7ee;
 border-radius:9px;
 padding:9px 13px;
 font-size:11px;
 font-weight:800;
 cursor:pointer;
}

#rt-swipe-nav button.active{
 background:#244c43;
 border-color:#a8e67b;
 color:#caff9c;
}

@media(min-width:900px){
 #rt-swipe-layout{
  overflow-x:visible;
  scroll-snap-type:none;
 }

 #rt-swipe-layout > .rt-swipe-page{
  flex:1 1 0;
  width:50%;
 }
}

@media(max-width:600px){
 #rt-swipe-layout{
  gap:10px;
 }

 #rt-swipe-layout > .rt-swipe-page{
  flex-basis:calc(100% - 32px);
  width:calc(100% - 32px);
 }
}