/* R310: Ordinary Feed cards have one common layout. Mode is a small
   origin marker on the top and bottom of the media itself, not a card skin. */
body :is(#feedList,#topSpotlightSlot,#channelFeed)
.postcard[data-vr-feed-card="r36"][data-vr-post-origin-mode-r310]
.postcard-mediaBand:not(.vrExternalWebBandR49){
  border-top:3px solid var(--vr-r310-origin,#9d5fee)!important;
  border-bottom:3px solid var(--vr-r310-origin,#9d5fee)!important;
  background:#050507!important;
}
body .postcard[data-vr-post-origin-mode-r310="social"]{--vr-r310-origin:#ad4ef6}
body .postcard[data-vr-post-origin-mode-r310="friends_family"],
body .postcard[data-vr-post-origin-mode-r310="friends"]{--vr-r310-origin:#ffad49}
body .postcard[data-vr-post-origin-mode-r310="work"]{--vr-r310-origin:#439df2}
body :is(#feedList,#topSpotlightSlot,#channelFeed)
.postcard[data-vr-feed-card="r36"]:not([data-vr-sponsored-r310]){
  background:#050507!important;
}
/* R310: genuine active paid Pins are the only in-feed ad capsules.
   The current commerce HOLD is not bypassed by this CSS. */
body :is(#feedList,#topSpotlightSlot,#channelFeed)
.postcard[data-vr-feed-card="r36"][data-vr-sponsored-r310="1"]{
  box-sizing:border-box!important;
  width:calc(100% - 28px)!important;
  min-width:0!important;
  max-width:calc(100% - 28px)!important;
  margin:14px auto!important;
  padding:10px!important;
  border:2px solid #c553ff!important;
  border-radius:24px!important;
  overflow:hidden!important;
  box-shadow:0 0 0 3px rgba(158,58,228,.16),0 0 26px rgba(186,82,255,.42)!important;
  background:linear-gradient(110deg,rgba(13,6,20,.94),rgba(15,7,25,.83)),url("/assets/radar/bg-work.webp") center/cover no-repeat!important;
}
body :is(#feedList,#topSpotlightSlot,#channelFeed)
.postcard[data-vr-sponsored-r310="1"] .postcard-shell{
  border-radius:18px!important;
  overflow:hidden!important;
}
body :is(#feedList,#topSpotlightSlot,#channelFeed)
.postcard[data-vr-sponsored-r310="1"] :is(.postcard-head,.postcard-copy,.postcard-actions){
  background:transparent!important;
  background-image:none!important;
}
body :is(#feedList,#topSpotlightSlot,#channelFeed)
.postcard[data-vr-sponsored-r310="1"] .postcard-head{
  border:0!important;
  padding:8px 13px!important;
}
body :is(#feedList,#topSpotlightSlot,#channelFeed)
.postcard[data-vr-sponsored-r310="1"] .postcard-copy{
  padding:8px 13px 12px!important;
}
body :is(#feedList,#topSpotlightSlot,#channelFeed)
.postcard[data-vr-feed-card="r36"][data-mode][data-vr-sponsored-r310="1"] .postcard-actions{display:none!important}
body :is(#feedList,#topSpotlightSlot,#channelFeed)
.postcard[data-vr-sponsored-r310="1"] .postcard-mediaBand{
  border:1px solid rgba(230,184,255,.38)!important;
  border-radius:12px!important;
  overflow:hidden!important;
}
.vrR310SponsorKicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px 2px}
.vrR310SponsorBadge{display:inline-flex;align-items:center;background:linear-gradient(90deg,#c048ef,#8150ef);border-radius:999px;padding:5px 11px;font:800 10px system-ui;letter-spacing:.16em;color:white}
.vrR310SponsorMode{font:800 11px system-ui;letter-spacing:.1em;color:#e3b5ff}
.vrR310SponsorActions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 8px 10px}
.vrR310SponsorActions a{display:grid;place-items:center;text-decoration:none;text-align:center;min-height:43px;border-radius:999px;font:800 13px system-ui;white-space:nowrap}
.vrR310SponsorSecondary{background:rgba(9,4,19,.75);border:1px solid #b55afa;color:white}
.vrR310SponsorPrimary{background:linear-gradient(90deg,#b94bec,#8652f4);border:1px solid #eec8ff;color:white}
@media(max-width:340px){.vrR310SponsorActions{grid-template-columns:1fr;gap:7px}}