/* Actions & Process block (fabricator/blocks/actions_process.html) */
/* Display Flow layout — four connected step cards with a per-step accent colour */
.actions-process .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.75rem;position:relative}
/* fewer than 4 steps — widen the columns to fill the row instead of leaving a gap */
@media(min-width:981px){
  .actions-process .steps.count-1{grid-template-columns:1fr}
  .actions-process .steps.count-2{grid-template-columns:repeat(2,1fr)}
  .actions-process .steps.count-3{grid-template-columns:repeat(3,1fr)}
}
.actions-process .step{position:relative;background:#fff;border:1px solid var(--line-2);border-radius:.9rem;
  padding:1.5rem 1.4rem 1.6rem;display:flex;flex-direction:column;gap:.7rem;box-shadow:var(--shadow-card);
  transition:transform .18s ease,box-shadow .2s ease,border-color .15s}
.actions-process .step:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tc,var(--green)) 45%,#fff)}
.actions-process .step .ic-tile{background:color-mix(in srgb,var(--tc,var(--green)) 12%,#fff);color:var(--tc,var(--green))}
.actions-process .step h3{font-size:1.05rem;font-weight:700;color:var(--ink);margin:.35rem 0 0}
.actions-process .step p{color:var(--muted);font-size:.9rem;line-height:1.6;margin:0}
.actions-process .step:not(:last-child)::after{content:'';position:absolute;top:2.35rem;right:-1.35rem;
  width:.95rem;height:.95rem;border-top:2px solid var(--line-2);border-right:2px solid var(--line-2);
  transform:rotate(45deg);z-index:1}
.actions-process .step:not(:last-child)::before{content:'';position:absolute;top:2.8rem;right:-1.75rem;
  width:1.75rem;height:2px;background:var(--line-2)}
@media(max-width:980px){
  .actions-process .steps{grid-template-columns:repeat(2,1fr)}
  .actions-process .step:nth-child(2)::after,.actions-process .step:nth-child(2)::before{display:none}
}
@media(max-width:640px){
  .actions-process .steps{grid-template-columns:1fr}
  .actions-process .step::after,.actions-process .step::before{display:none!important}
}

.actions-process.flow{background:var(--bg-soft);border-top:1px solid var(--line);;}
.actions-process.flow.bordered-container{background:var(--white);border:1px solid var(--line);border:none;}
.actions-process.flow.bordered-container .rounded{border-radius:1.25rem;border: 1px solid var(--line-2);padding: 2.5rem;}
.actions-process.flow.bordered-container .rounded .step{background-color:var(--bg-soft);}

/* Blocks layout — icon-left pillar rows with a per-item accent colour */
.actions-process .pillar-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.actions-process .pillar-row{display:grid;grid-template-columns:auto 1fr;column-gap:1rem;row-gap:.15rem;
  align-items:center;padding:1.1rem 1.15rem;border:1px solid var(--line);border-radius:.75rem;background:#fff;
  box-shadow:var(--shadow-card);transition:border-color .15s,box-shadow .2s,transform .18s ease}
.actions-process .pillar-row:hover{border-color:color-mix(in srgb,var(--tc,var(--green)) 40%,#fff);
  box-shadow:0 14px 28px -20px rgba(74,66,62,.45);transform:translateX(2px)}
.actions-process .pillar-row .ic-tile{grid-row:1 / span 2;background:color-mix(in srgb,var(--tc,var(--green)) 12%,#fff);
  color:var(--tc,var(--green));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc,var(--green)) 22%,#fff)}
.actions-process .pillar-row h3{font-family:var(--sans);font-size:1rem;font-weight:700;margin:0;grid-column:2;
  line-height:1.3;color:var(--ink)}
.actions-process .pillar-row p{color:var(--muted);font-size:.9rem;line-height:1.5;margin:0;grid-column:2}
@media(max-width:900px){.actions-process .pillar-list{grid-template-columns:1fr}}

/* Large Blocks layout — spacious accent-coloured cards */
.actions-process .paths{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.actions-process .path{position:relative;background:#fff;border:1px solid var(--line-2);border-radius:1rem;
  padding:2rem 1.75rem 1.9rem;display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;
  transition:transform .18s ease,box-shadow .2s ease,border-color .15s}
.actions-process .path:hover{transform:translateY(-4px);box-shadow:0 26px 44px -28px rgba(74,66,62,.5);
  border-color:color-mix(in srgb,var(--tc,var(--green)) 40%,#fff)}
.actions-process .path .ic-tile{background:color-mix(in srgb,var(--tc,var(--green)) 12%,#fff);
  color:var(--tc,var(--green));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc,var(--green)) 24%,#fff)}
.actions-process .path h3{font-size:1.2rem;margin:.5rem 0 0;letter-spacing:-.015em;color:var(--ink)}
.actions-process .path p{color:var(--muted);font-size:.95rem;line-height:1.65;margin:0}
@media(max-width:900px){.actions-process .paths{grid-template-columns:1fr}}