.cp110-action{
  margin-top:24px;
  padding-top:20px;
  border-top:3px solid var(--berry);
}

.cp110-action .lead{ max-width:1040px; }
.cp110-action .mini-k{ color:var(--berry-dk); }


.cp110-step{
  border:1px solid rgba(236,24,102,.30) !important;
  background:
    linear-gradient(135deg,rgba(236,24,102,.12),rgba(139,92,246,.09)),
    var(--panel) !important;
}


.cp110-figs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin:16px 0 22px;
}

.cp110-fig{
  margin:0;
  padding:15px;
  border-radius:var(--r-md,12px);
  border:1px solid var(--brd);
  background:var(--panel-2);
}

.cp110-fig h3{ margin:0 0 9px; font-size:14px; }

.cp110-fig figcaption{
  margin-top:10px;
  color:var(--muted);          
  font-size:11.5px;
  line-height:1.5;
}

.cp110-path{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}

.cp110-node{
  min-width:92px;
  flex:1 1 96px;
  padding:9px 10px;
  border-radius:9px;
  border:1px solid rgba(236,24,102,.26);
  background:rgba(255,255,255,.045);
  color:var(--ink);
  font-size:11px;
  font-weight:800;
  text-align:center;
}


.cp110-node.stop{
  border-color:rgba(236,24,102,.72);
  color:var(--berry-dk);
}

.cp110-arw{
  color:var(--muted);          
  font-size:15px;
  font-weight:800;
}

.cp110-matrix table{ table-layout:fixed; }
.cp110-matrix td,
.cp110-matrix th{ vertical-align:top; }

.cp110-srcs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}


html.cp103-light .cp110-step{
  border-color:rgba(236,24,102,.26) !important;
  background:
    linear-gradient(135deg,rgba(236,24,102,.07),rgba(139,92,246,.05)),
    #ffffff !important;
}

html.cp103-light .cp110-node{
  background:#ffffff;
  border-color:rgba(236,24,102,.30);
}

html.cp103-light .cp110-fig{
  background:#ffffff;
  border-color:rgba(26,16,32,.13);
}

@media (max-width:820px){
  .cp110-figs{ grid-template-columns:1fr; }
}