/* A one-step readability lift for compact technical labels. */
.system-spine-readout { font-size: 10px; }
.system-spine-readout span,
.system-spine-readout strong { font-size: 9px; }
.system-spine-readout span { color: #a8e8df; }
.system-spine-readout strong { color: #e0f5ef; }
.system-spine-project-deck { padding-top: 118px; }
.system-spine-project-deck-head,
.system-spine-project-deck-head span,
.system-spine-project-deck-head b { font-size: 10px; }
.system-project-card small { font-size: 10px; color: #b9d2d5; }
.system-spine-project-deck-foot { font-size: 9px; color: #b6d0d2; }
.system-spine-stages li::before { font-size: 11px; }
.system-spine-stages li span { font-size: 12px; }
.system-spine-stages li span { color: #c2d1ce; }
.system-spine-status { font-size: 10px; }
.system-spine-visual[data-spine-mode="model"] .system-project-card strong { font-size: 10px; }
.system-spine-visual[data-spine-mode="model"] .system-project-card span { font-size: 8px; }
.system-spine-copy .kicker { font-size: 11px; }
.trust-line small { font-size: 11px; color: #c0d8d4; }
.output-flow-label,
.output-copy small { font-size: 10px; }
.output-flow-label { color: #9cc1bc; }
.output-caption { color: #9be8d5; }
.output-caption { font-size: 10px; }
.flow-node::before { font-size: 10px; }
.flow-node { line-height: 1.4; }

@media (max-width: 980px) {
  .system-spine-project-deck { padding-top: 110px; }
}

@media (max-width: 640px) {
  .system-spine-project-deck { padding: 106px 14px 20px; }
  .system-spine-project-deck-head span,
  .system-spine-project-deck-head b { font-size: 9px; }
  .system-spine-project-deck-foot { font-size: 8px; }
}