/* Quiet colour and eight readable stages; retain the original faceted object. */
.coordination-sequence{--coord-accent:#a77d3e;grid-template-columns:156px minmax(0,1fr);gap:24px}
.coordination-object{max-width:156px}
.coordination-progress{margin:0 0 13px;font:400 10px/1.5 var(--mono);letter-spacing:.07em;color:var(--coord-accent)}
.coordination-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 18px}
.coordination-steps button{position:relative;font-size:16px;padding:9px 0 10px;border-color:#c3ccc5;color:#617373;transition:none}
.coordination-steps button span{color:#81928b;margin-bottom:4px;font-size:9px}
.coordination-steps button.is-complete{border-color:#88a79a;color:#466a60}
.coordination-steps button[aria-pressed=true]{border-color:var(--coord-accent);color:var(--coord-accent);padding-top:8px}
.coordination-steps button[aria-pressed=true] span{color:var(--coord-accent)}
.coordination-description{font-size:11px;line-height:1.65;min-height:3.3em;margin-top:10px}
.coordination-actions{gap:16px;min-height:26px;flex-wrap:wrap}
.coordination-caption{font:400 9px/1.5 var(--mono);color:#6e7f79}
@media(max-width:1050px){.coordination-sequence{grid-template-columns:126px minmax(0,1fr);gap:18px}.coordination-steps{gap:7px 12px}.coordination-steps button{font-size:15px}}
@media(max-width:760px){.coordination-sequence{grid-template-columns:82px minmax(0,1fr);gap:14px;align-items:start}.coordination-object{max-width:82px;position:sticky;top:18px;margin:17px 0 0}.coordination-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px}.coordination-steps button{font-size:16px;min-height:58px}.coordination-progress{font-size:9px;margin-bottom:8px}.coordination-description{min-height:5em}.coordination-actions{display:block}.coordination-caption{display:block;margin-top:8px}}
.capabilities .coordination-description{font:400 11px/1.65 var(--mono);min-height:3.3em}.capabilities .coordination-progress{font:400 10px/1.5 var(--mono);margin:0 0 13px}.capabilities .coordination-caption{font:400 9px/1.5 var(--mono)}
@media(max-width:760px){.capabilities .coordination-progress{font-size:9px}.capabilities .coordination-description{min-height:5em}}
