/* Option D · cartes blanches premium, accès direct en un clic. */
.raplist.raplist-direct{
  display:grid;
  gap:14px;
  margin-top:26px;
  border-top:0;
}

.rap-card-direct{
  position:relative;
  overflow:hidden;
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) 54px;
  grid-template-areas:
    "meta arrow"
    "title arrow"
    "desc arrow";
  align-items:center;
  gap:8px 18px;
  padding:22px 20px 22px 24px;
  margin:0;
  border:1px solid rgba(231,225,210,.96);
  border-radius:18px;
  background:#fff;
  color:var(--ink);
  box-shadow:0 12px 30px rgba(20,34,79,.075), inset 0 1px 0 rgba(255,255,255,.9);
  text-align:left;
  text-decoration:none;
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}

.rap-card-direct:hover{
  padding-left:24px;
  transform:translateY(-2px);
  border-color:rgba(15,157,140,.38);
  background:#fff;
  box-shadow:0 18px 42px rgba(20,34,79,.12),0 0 0 1px rgba(15,157,140,.06);
  text-decoration:none;
}

.rap-card-direct:focus-visible{
  outline:3px solid rgba(15,157,140,.45);
  outline-offset:3px;
  border-color:var(--teal);
}

.rap-card-direct .rr-meta{
  grid-area:meta;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  color:var(--teal-dark);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
}

.rap-card-direct .rr-type{display:inline-block}

.rap-card-direct .rr-type::after{
  content:"•";
  margin-left:10px;
  color:var(--teal);
}

.rap-card-direct .rr-status{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:.18rem .52rem;
  border-radius:999px;
  font-size:.6rem;
  font-weight:850;
  letter-spacing:.09em;
  line-height:1;
  white-space:nowrap;
}

.rap-card-direct .rr-status.is-new,
.rap-card-direct .rr-status.is-highlight{
  border:1px solid var(--teal);
  background:var(--teal);
  color:#052a25;
  box-shadow:0 7px 16px rgba(15,157,140,.18);
}

.rap-card-direct .rr-status.is-beta{
  border:1px solid rgba(15,157,140,.42);
  background:rgba(15,157,140,.075);
  color:var(--teal-dark);
}

.rap-card-direct .rr-title{
  grid-area:title;
  color:var(--navy);
  font-size:clamp(1.22rem,2.5vw,1.58rem);
  font-weight:700;
  line-height:1.16;
  letter-spacing:-.015em;
}

.rap-card-direct:hover .rr-title{color:var(--navy)}

.rap-card-direct .rr-desc{
  grid-area:desc;
  max-width:58ch;
  margin:0;
  color:var(--slate);
  font-size:.9rem;
  line-height:1.45;
}

.rap-card-direct .rr-arrow{
  grid-area:arrow;
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(145deg,var(--teal-dark),var(--teal));
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 12px 25px rgba(15,157,140,.24),0 0 0 8px rgba(15,157,140,.065);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}

.rap-card-direct .rr-arrow svg{
  width:23px;
  height:23px;
}

.rap-card-direct:hover .rr-arrow{
  transform:translateX(3px);
  background:linear-gradient(145deg,#087b6e,#11ad9b);
  box-shadow:0 15px 30px rgba(15,157,140,.3),0 0 0 9px rgba(15,157,140,.085);
}

.rap-card-direct[hidden]{display:none!important}

.kolytica-sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

@media(max-width:620px){
  .raplist.raplist-direct{gap:12px;margin-top:22px}
  .rap-card-direct{
    grid-template-columns:minmax(0,1fr) 46px;
    gap:7px 13px;
    padding:18px 15px 18px 19px;
    border-radius:16px;
  }
  .rap-card-direct:hover{padding-left:19px;transform:none}
  .rap-card-direct .rr-meta{font-size:.62rem;letter-spacing:.14em}
  .rap-card-direct .rr-title{font-size:clamp(1.08rem,5.4vw,1.34rem)}
  .rap-card-direct .rr-desc{font-size:.84rem}
  .rap-card-direct .rr-arrow{width:44px;height:44px;box-shadow:0 10px 22px rgba(15,157,140,.22),0 0 0 6px rgba(15,157,140,.06)}
  .rap-card-direct .rr-arrow svg{width:21px;height:21px}
}

@media(prefers-reduced-motion:reduce){
  .rap-card-direct,.rap-card-direct .rr-arrow{transition:none}
  .rap-card-direct:hover,.rap-card-direct:hover .rr-arrow{transform:none}
}