/* Position and portfolio additions for the interactive product demo. */
.console-steps .rail-label{
  margin:16px 10px 5px;
  padding:0;
  font-size:9px;
  line-height:1.35;
}
.console-steps .rail-label:first-child{margin-top:0}
.context-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.context-actions:empty{display:none}
.context-actions button{
  min-height:34px;
  border:1px solid var(--forest);
  border-radius:5px;
  padding:8px 12px;
  background:var(--forest);
  color:#fff;
  font:500 11px var(--sans);
  cursor:pointer;
}
.context-actions button span{margin-left:7px}
.context-actions .context-action-secondary{
  border-color:#d8e0d3;
  background:#fff;
  color:var(--ink);
}
.context-actions button:focus-visible{
  outline:2px solid #75915d;
  outline-offset:2px;
}
@media(max-width:760px){
  .console-steps{flex-wrap:wrap;overflow-x:visible}
  .console-steps .rail-label{
    display:block;
    flex:0 0 100%;
    margin:4px 7px 2px;
  }
  .context-actions{display:grid;grid-template-columns:1fr}
  .context-actions:empty{display:none}
  .context-actions button{width:100%;text-align:left}
}