.rpc-carousel{position:relative;max-width:1100px;margin:0 auto}
.rpc-viewport{overflow:hidden}
.rpc-track{display:flex;gap:16px;transition:transform .5s ease;will-change:transform}
.rpc-slide{min-width:100%}
@media (min-width:768px){.rpc-slide{min-width:50%}}
@media (min-width:1024px){.rpc-slide{min-width:33.3333%}}

.rpc-card{display:flex;flex-direction:column;height:100%;border:1px solid rgba(0,0,0,.12);border-radius:16px;overflow:hidden;background:#fff}
.rpc-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.rpc-body{padding:16px;flex:1;display:flex;flex-direction:column}
.rpc-title{margin:0 0 6px;font-size:18px;line-height:1.25}
.rpc-meta{margin:0 0 10px;font-size:13px;opacity:.7}
.rpc-excerpt{margin:0;font-size:14px;opacity:.9}

.rpc-readmore{margin-top:auto;align-self:flex-start;padding:8px 16px;border-radius:999px;background:#f47b20;color:#fff;text-decoration:none;font-size:14px;font-weight:600;transition:background .2s ease,transform .2s ease}
.rpc-readmore:hover{background:#d96512;transform:translateY(-1px)}

.rpc-nav{position:absolute;top:45%;transform:translateY(-50%);border:0;background:rgba(0,0,0,.55);color:#fff;width:40px;height:40px;border-radius:999px;cursor:pointer;z-index:5}
.rpc-prev{left:-56px}
.rpc-next{right:-56px}
@media (max-width:640px){.rpc-prev{left:10px}.rpc-next{right:10px}}




/* Keep everything clipped to the card */
.rpc-card{
  overflow: hidden;
}

/* Make sure text wraps instead of pushing width */
.rpc-title,
.rpc-excerpt,
.rpc-meta{
  overflow-wrap: anywhere;
  word-break: break-word;
}