.rc-route-variants{
  margin:0 0 12px;
  padding:18px;
  border:1px solid #e0e8e4;
  border-radius:20px;
  background:#fff
}
.rc-route-variants-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px
}
.rc-route-variants-head>div>span{
  display:block;
  color:#6e8177;
  font-size:10px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.1em
}
.rc-route-variants-head h2{
  margin:3px 0 0;
  color:#17231d;
  font-size:20px;
  line-height:1.15
}
.rc-route-variants-head>strong{
  flex:0 0 auto;
  padding:6px 9px;
  border-radius:999px;
  background:#f0f5f2;
  color:#4c675a;
  font-size:11px
}
.rc-route-variants-intro{
  max-width:760px;
  margin:9px 0 14px;
  color:#697970;
  font-size:13px
}
.rc-route-variants-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px
}
.rc-route-variant{
  min-width:0;
  padding:12px 13px;
  border:1px solid #e6ebe8;
  border-radius:14px;
  background:#f7f9f8
}
.rc-route-variant.is-edge-complete{
  background:#f3f8f5
}
.rc-route-variant>strong{
  display:block;
  overflow:hidden;
  color:#1f2d26;
  font-size:13px;
  line-height:1.35;
  text-overflow:ellipsis
}
.rc-route-variant>strong span{
  padding:0 4px;
  color:#819087
}
.rc-route-variant-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:5px;
  color:#708078;
  font-size:10px
}
.rc-route-variant-meta small{
  flex:0 0 auto;
  color:#829087;
  font-size:10px
}
.rc-route-variants-more{
  margin:10px 0 0;
  color:#75837c;
  font-size:11px
}
@media(max-width:620px){
  .rc-route-variants{
    padding:14px;
    border-radius:17px
  }
  .rc-route-variants-grid{
    grid-template-columns:1fr
  }
  .rc-route-variants-head h2{
    font-size:18px
  }
  .rc-route-variant-meta{
    align-items:flex-start;
    flex-direction:column;
    gap:2px
  }
}

/* RADARCESKA-TRAIN-ROUTE-VARIANT-INTELLIGENCE-v1.1 */
.rc-route-variant.role-primary-complete{
  border-color:#cdd9d2;
  background:#f1f6f3
}
.rc-route-variant.role-primary-complete .rc-route-variant-meta span{
  color:#405d4e;
  font-weight:800
}
.rc-route-variant.role-primary-partial{
  border-color:#dbe2de;
  background:#f6f8f7
}
.rc-route-variant.role-primary-partial .rc-route-variant-meta span{
  font-weight:700
}
.rc-route-variant.role-alternate-complete{
  border-color:#dbe2de;
  background:#f7f9f8
}
.rc-route-variant.role-alternate-complete .rc-route-variant-meta span{
  font-weight:700
}
.rc-route-variant.role-head-fragment,
.rc-route-variant.role-tail-fragment,
.rc-route-variant.role-internal-fragment{
  border-style:dashed;
  background:#fafbfa
}
.rc-route-variant.role-head-fragment>strong,
.rc-route-variant.role-tail-fragment>strong,
.rc-route-variant.role-internal-fragment>strong{
  font-weight:650
}