/* protocol.css — stepped derivation chain (Empowered brand) */
.proto-steps { display: flex; flex-direction: column; gap: var(--space-5); margin-top: var(--space-8); }
.proto-step { display: grid; grid-template-columns: 72px 1fr; gap: var(--space-6); align-items: start; padding: var(--space-6) var(--space-8); }
@media (max-width: 620px) { .proto-step { grid-template-columns: 1fr; gap: var(--space-3); } }
.proto-num { font-family: var(--font-display); font-weight: var(--fw-extrabold); font-size: var(--text-4xl); line-height: 1;
  background: var(--gradient-brand); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.proto-body h3 { margin: 0 0 4px; font-size: var(--text-xl); }
.proto-sub { font-family: var(--font-display); font-size: var(--text-sm); font-weight: var(--fw-semibold); color: var(--brand-teal-700); margin-bottom: var(--space-3); }
.proto-body p { margin: 0; color: var(--text-body); line-height: 1.6; }